首页

如何定义网站页面的加载速度是快还是慢？为了让网站建设者对自己的网站页面有更全面、直观的了解，谷歌专门开发了一种加载速度测试工具——Google PageSpeed Insights。

在文本框中输入需要测试的网站页面地址，然后单击"分析"按钮。

这些测试数据并不能真正代表客户在现实环境中打开网站页面的真实速度，只是实验室得出的估值。为了更好地了解谷歌官方测速工具PageSpeed Insights的相关测速指标和相应问题的解决方案，我们对其进行全面、系统的讲解。PageSpeed Insights的测试报告结果分为三个部分，分别是速度得分（底部的6个小项目）、优化程度得分（96分和100分）和优化建议。

从某种程度上来讲，速度得分比优化程度得分更重要，因为它直观地反映了现阶段网站页面的6个速度评分指标，其中最重要的是第一次内容渲染时间（First Contentful Paint，FCP）。PageSpeed Insights会将FCP的中间值与Chrome用户体验报告监控的所有网页的数据进行比较，然后根据每项指标在分布图中所处的位置为其制定一个类型：快、中、慢。影响PageSpeed Insights测试报告中速度得分的主要有6个指标，这里先介绍其中两个。

First Contentful Paint

First Contentful Paint标记了渲染第一个文本或第一张图片的时间。简单地说，客户在浏览器上输入网址并发出内容加载请求，对方服务器接收到内容加载请求后返回数据包，数据包到达客户浏览器上就开始解析，首先执行DOM树的内容，也就是我们在屏幕上看到的第一个文字或图片。从传统意义上说，当我们看到页面上的内容时，就意味着该网页已经被打开了，中间等待的时间我们往往直观地认为是网页加载时间，但这不是严格意义上的网页加载时间。影响FCP测试结果的最重要指标之一是字体加载时间，所以我们在优化网站页面加载速度时，需要确保文本在WebFont加载期间保持可见状态，以加快字体的加载速度。

Speed Index

Speed Index（速度索引）用于衡量页面加载过程中内容可视化显示的速度。Lighthouse首先捕获浏览器中加载页面的视频，然后计算帧与帧之间的视觉进度，接着使用Speedline Node.js模块生成Speed Index得分。速度指数是基于视觉内容（如图像和视频）何时在视口中呈现的测量，评估每个时间点页面的视觉完成百分比。它是通过查看页面渲染的幻灯片视图，逐帧分析并查找调色板中的变化来实现的。速度指数更多的是对速度的度量，而不是对时间的度量，并且提供了呈现网页内容的速度的综合评分。因此，速度指数是一种非常实用的指标，可用于比较不同页面的体验并在用户感知时跟踪它们的性能。