1.3 小结
本章使用两个性能优化实践的例子来帮助读者大致了解如何做性能优化。性能优化是在完成网站、页面或应用的功能之后,通过一些数字指标看到性能存在的缺陷,并分析产生这些缺陷的原因,根据原因对存在的缺陷进行修正。
阅读第1章不仅可以帮助读者快速入门,还可以使读者对性能优化有一个整体的认识。所以,本章简化了中间很多的概念。例如,本章直接使用DevTools来评估页面的性能。一般来说,在实际工作中要评估一个页面的性能并没有从DevTools的Network面板直接去看它的截图时间这么直观。
即使使用网络模拟、缓存控制等功能,我们看到的性能和用户看到的性能其实仍然是完全不一样的,因为用户所处的网络环境和使用的机器设备等非常复杂。
所以,第2~4章主要介绍在真正的生产环境中如何评估、分析和验证用户感受到的真实性能。例如,如何度量一个在线页面的真实的性能表现?如何分析这个在线页面在不同用户的机器上运行的整体性能状况?如何从数据中找到其性能不佳的原因?如何通过线上的实验手段来验证优化效果?
本章在本地完成的是一个简化流程,先在浏览器中查看它渲染页面的时间,然后通过DevTools的加载图分析性能较差的原因,最后在浏览器中测试它的优化效果。与这种简化流程相比,在现实的生产环境中,整个流程会涉及一些数据的采集和分析工作。
对于期望把性能优化落地在真正的生产环境中的读者,或者旨在储备职场技能的读者,应优先了解第2~4章的内容,然后学习后面关于性能优化的具体细节。
[1]软件图中“kB”的正确写法应为“KB”。