PageSpeed Insights 会报告网页的实际性能或针对移动设备和桌面设备的 origin,并在分析单个网页时提供关于如何改进相应网页的建议。
速度得分
PageSpeed Insights 会整合 Chrome 用户体验报告 (CrUX) 中的数据,以显示网页或 origin 的实际性能数据。PSI 会报告两项metrics:首次内容绘制 (FCP) 和 DOM 内容加载 (DCL)。
系统会将每个指标(FCP 或 DCL)的中间值与 CrUX 报告监控的所有网页进行比较。并根据每项指标在分布图中所处的位置为其指定一个类别:
- 快:指标的中间值在所有网页加载速度分布图中位于前三分之一的位置。
- 慢:指标的中间值在所有网页加载速度分布图中位于后三分之一的位置。
- 中等:指标的中间值在所有网页加载速度分布图中位于中间三分之一的位置。
总体速度得分通过查看每个指标的类别计算得出:
- 快:如果网页/origin 的每项指标都是“快”。
- 慢:如果网页/origin 的任何指标为“慢”。
- 中等:所有其他情况。
网页加载分布图
“网页加载分布图”部分会显示 FCP 和 DCL 指标在 CrUX 数据集中的分布情况。
- Origin:此 origin 提供的所有网页的汇总速度数据。
- 网页:单个网页的速度数据。
每项指标的分布都分为三个类别:快(前三分之一)、中等(中间三分之一)和慢(后三分之一)。分发情况每天更新一次。
优化得分
PageSpeed Insights 只会在分析单个网页时报告优化信息。
PSI 会评估网页对常见的性能优化最佳做法的遵循情况,并计算出一个得分(分值介于 0 到 100 之间)来估算网页的性能提升空间。它会评估网页是否可以从以下两个方面提升性能:
- 首屏加载时间:从用户请求打开新网页到浏览器呈现出首屏内容所用的时间。
- 完整网页加载时间:从用户请求打开新网页到浏览器完全呈现出相应网页所用的时间。
得分分为“良好”“中”或“低”三档。在计算时,系统会假设开发者希望网页的外观和功能保持不变。
- 良好:相应网页采用了大多数性能优化最佳做法,进一步优化的空间很小。网页得分为 80 分或更高。
- 中等:相应网页未采用某些常用的性能优化建议,进一步优化的空间为中等。网页得分在 60 到 79 分之间。
- 偏低:相应网页未经过优化,有相当大的优化空间。网页得分在 0 到 59 分之间。
优化得分可估算网页的性能提升空间。有些网页虽然加载速度较慢,但可能会获得较高的优化程度得分,这是因为相对于相应网页使用的资源总量,阻碍呈现的资源所占的比重较小。另一方面,加载速度较快的网页的优化得分可能较低,这是因为相对于其总资源而言,该网页包含大量阻止呈现的资源。
此网页的速度统计信息
本部分介绍加载网页的阻碍呈现的资源所需的往返次数、网页使用的总字节数,以及它们与数据集中往返次数和所用字节数中间值的对比情况。通过修改网页的外观和功能,可以指示网页加载速度是否可能会变快。
优化建议
下面列出了可应用于此页面的最佳做法。如果网页的加载速度较快,系统会默认隐藏这些建议,因为在数据集中,该网页已位于所有网页的前三分之一,可能没有必要进行进一步的改进。
由于网络连接性能有很大的差异,因此该优化会处理网页性能中与网络无关的方面:服务器配置、网页的 HTML 结构,以及它对图片、JavaScript 和 CSS 等外部资源的使用。实施这些建议应该会提高网页的相对性能。不过,网页的绝对性能仍将取决于用户的网络连接。
速度性能受多种因素影响,但其中两项因素是最重要的:
- 阻塞渲染的往返次数:提供阻塞渲染的资源所需的往返次数。如果网页的大部分资源都会阻碍呈现,PageSpeed Insights 会认为相应网页有较大的优化空间。开发者可以调查以下规则以进行优化:避免着陆页重定向、消除阻塞渲染的 JavaScript 和 CSS、利用浏览器缓存、优先处理可见内容以及缩短服务器响应时间。
- 响应大小:响应的总体大小,包括 HTML 主要资源和所有子资源。如果通过压缩或缩减大小可清除响应主体的大部分内容,PageSpeed Insights 会认为相应网页有较大的优化空间。开发者可调查以下规则以进行优化:启用压缩功能、缩减资源大小和优化图片。