前端性能揭秘

前端性能揭秘

暂无评价综合评分的显示会考虑用户真实性等多项因素,每部作品出现综合评分的时间不定。

作品简介

本书主要介绍用于指导前端性能优化工作的通用优化方法,从网络、浏览器、构建工具、跨端技术和CDN等方面介绍不同技术、系统对性能的影响,同时帮助读者了解如何有效优化性能。本书从性能的度量、分析和实验这三个方面开始介绍。首先介绍性能优化的一些通用方法,然后将性能作为一个切面帮助读者了解与前端技术栈和性能有关的知识。从这个切面观察,这些系统的工作原理等知识被赋予了另外一层意义,通过这种联系把工作原理真正运用到工作中,在性能优化方面发挥重要作用。

本书面向的读者为具有一定经验的Web开发工程师,以及对前端开发或Web开发有一定了解的开发人员。同时,假定读者能够进行简单的网页开发,并且具备相关的基础知识。

佘锦鑫,花名当轩。毕业于江南大学理学院,阿里巴巴前前端技术专家,曾负责Alibaba.com海外版性能优化,讲师、开源爱好者。现就职于网易云音乐,对Web性能、跨端、可视化搭建等领域有较深入的理解。

作品目录

  1. 内容简介
  2. 献词
  3. 推荐序
  4. 前言
  5. 第1篇 从Vite起步
  6. 第1章 从实践开始
  7. 1.1 Hello World
  8. 1.2 现实开发的例子
  9. 1.3 小结
  10. 第2篇 性能优化方法论
  11. 第2章 度量
  12. 2.1 科学的方法
  13. 2.2 初识Performance API
  14. 2.3 均值、分位数和秒开率
  15. 2.4 度量首屏
  16. 2.5 度量流畅度
  17. 2.6 Core Web Vitals
  18. 2.7 小结
  19. 第3章 分析
  20. 3.1 分析方法
  21. 3.2 常用的过程指标
  22. 3.3 Performance API详解
  23. 3.4 分阶段性能分析
  24. 3.5 小结
  25. 第4章 实验
  26. 4.1 优化不是照搬军规
  27. 4.2 用实验验证优化
  28. 4.3 用实验改进优化
  29. 4.4 小结
  30. 第5章 工具
  31. 5.1 DevTools
  32. 5.2 WebPageTest
  33. 5.3 小结
  34. 第3篇 网络协议与性能
  35. 第6章 TTFB为什么这么长
  36. 6.1 TTFB的合理值
  37. 6.2 如何优化TTFB
  38. 6.3 小结
  39. 第7章 建立连接为什么这么慢
  40. 7.1 建立连接应该耗时多久
  41. 7.2 如何优化建立连接的耗时
  42. 7.3 小结
  43. 第8章 Fetch之前浏览器在干什么
  44. 8.1 重定向
  45. 8.2 浏览器打开耗时
  46. 8.3 如何优化beforeFetch耗时
  47. 8.4 小结
  48. 第9章 HTTPS协议比HTTP协议更慢吗
  49. 9.1 HTTPS协议为什么安全
  50. 9.2 HTTPS协议如何吊销证书
  51. 9.3 HTTPS协议更慢吗
  52. 9.4 小结
  53. 第10章 HTTP/2、HTTP/3和性能
  54. 10.1 HTTP/2和性能
  55. 10.2 为什么还需要HTTP/3
  56. 10.3 小结
  57. 第11章 压缩和缓存
  58. 11.1 传输速度和压缩速度如何兼得
  59. 11.2 HTTP缓存什么时候会失效
  60. 11.3 小结
  61. 第4篇 浏览器与性能
  62. 第12章 浏览器和性能
  63. 12.1 第一次渲染时都发生了什么
  64. 12.2 为什么DOM操作很慢
  65. 12.3 小结
  66. 第13章 异步任务和性能
  67. 13.1 事件循环机制
  68. 13.2 宏任务和微任务
  69. 13.3 Promise的polyfill性能
  70. 13.4 requestAnimationFrame
  71. 13.5 小结
  72. 第14章 内存为什么会影响性能
  73. 14.1 内存
  74. 14.2 内存泄漏
  75. 14.3 小结
  76. 第15章 使用ServiceWorker改善性能
  77. 15.1 ServiceWorker概述
  78. 15.2 使用ServiceWorker进行缓存
  79. 15.3 API提前加载
  80. 15.4 ServiceWorker冷启动
  81. 15.5 小结
  82. 第16章 字体对性能的影响
  83. 16.1 字体导致的布局偏移
  84. 16.2 如何避免字体带来的布局偏移
  85. 16.3 小结
  86. 第5篇 前端工程与性能
  87. 第17章 构建工具和性能
  88. 17.1 为什么需要打包
  89. 17.2 构建工具可以做什么
  90. 17.3 小结
  91. 第18章 服务器端渲染和性能
  92. 18.1 SSR和同构
  93. 18.2 SSR的性能优化
  94. 18.3 小结
  95. 第6篇 跨端技术与CDN
  96. 第19章 WebView和性能
  97. 19.1 WebView和Native的区别
  98. 19.2 WebView的通信成本
  99. 19.3 React Native的懒加载有何不同
  100. 19.4 React Native如何减小打包体积
  101. 19.5 API并行请求
  102. 19.6 小结
  103. 第20章 CDN和性能
  104. 20.1 什么是CDN
  105. 20.2 如何提升缓存命中率
  106. 20.3 动态加速
  107. 20.4 自动polyfill
  108. 20.5 边缘计算和性能
  109. 20.6 小结