Review
- 2024-10-05 10:47
[!Summary]
- 从输入URL开始，到页面渲染完成，整个链路的性能优化梳理。
- 时间换空间、空间换时间
一、Introduction #
- 2秒原则：2s是用户心理承受的临界点，大多数用户在2秒内能保持专注，如果加载时间过长，用户会感到烦躁，甚至直接关闭页面。
- 4s原则：页面加载不应该超过4s时间
- 5秒原则： 一些研究表明，用户能够忍受的最长等待时间的中位数在6-8秒之间。
- 10秒原则： 如果页面在10秒内还没有加载完成，那么99%以上的用户会关闭页面。
性能指标定义和采集 #
- [[性能指标（Metrics）]]
- [[Performance API]]
优化方向 #
1、输入URL：网络请求和响应 #
[[0x11-网络请求响应优化]]
2、渲染过程优化 #
[[0x12-渲染过程优化]]
3、运行时代码优化 #
[[0x13-代码优化]]