1.4.1　性能测量

如果把对网站的性能优化比作一场旅程，它无疑会是漫长且可能还略带泥泞的，那么在开始之前我们有必要对网站进行性能测量，以知道优化的方向在何处。通常我们会借助一些工具来完成性能测量，本节先简要介绍以下两个操作，后面会有独立章节详细介绍它们的使用方式与生成报告的分析。

1.Chrome浏览器的Performance功能

通过Chrome浏览器访问我们要进行性能测量的网站，打开开发者工具的Performance选项卡，如图1.2所示。单击左上角的“开始评估”按钮后刷新网站，该工具便开始分析页面资源加载、渲染、请求响应等各环节耗费的时间线，据此便可分析一定程度的性能问题，比如JavaScript的执行是否会触发大量视觉变化的计算，重绘和重排（或回流）是否会被多次触发等。

2.灯塔（Lighthouse）

Lighthouse是一个开源的自动化审查网站页面性能的工具，可根据所提供的网站URL从性能、可访问性、渐进式Web应用、SEO（搜索引擎优化）等多个方面进行自动化分析，最终给出一份具有指导意义的报告。它既可以当作Chrome的扩展插件来使用，又可以在开发者工具中直接使用，如图1.3所示。

除此之外，还会经常用到的性能测试工具有PageSpeed Insights、WEBPAGETEST、Pingdom等，后面会在工具章节中进行详细介绍。