PageSpeed Insights 简介

PageSpeed Insights (PSI) 可报告网页在移动设备和桌面设备上的用户体验,并提供关于如何改进网页的建议。

PSI 可提供网页的实验室数据和现场数据。实验室数据对于调试问题非常有用,因为这些数据是在受控环境中收集的。但是,这种方法可能无法捕获到实际瓶颈。实测数据有助于捕获真实、真实的用户体验,但指标集则较为有限。如需详细了解这两种数据类型,请参阅如何看待速度工具

真实用户体验数据

PSI 中的真实用户体验数据由 Chrome 用户体验报告 (CrUX) 数据集提供支持。PSI 会报告真实用户在上一个 28 天收集期内的 First Contentful Paint (FCP)、First Input Delay (FID)、Largest Contentful Paint (LCP)、Cumulative Layout Shift (CLS) 和 Interaction to Next Paint (INP) 体验。PSI 还报告了实验性指标首字节时间 (TTFB) 的体验。

为了显示给定网页的用户体验数据,该网页必须有足够的数据才能添加到 CrUX 数据集中。如果网页是最近发布的,或者来自真实用户的样本过少,则可能是数据不足。如果发生这种情况,PSI 将回退到源级粒度,涵盖网站所有网页上的所有用户体验。有时,源站可能也没有足够的数据,在这种情况下,PSI 将无法显示任何实际用户体验数据。

评估体验质量

PSI 将用户体验质量分为三类:良好、需要改进或较差。PSI 根据网页指标计划设置了以下阈值:

不错 需要改进
FCP [0,1800 毫秒] (1800 毫秒、3000 毫秒] 超过 3000 毫秒
FID [0,100 毫秒] (100 毫秒、300 毫秒] 超过 300 毫秒
LCP [0, 2500 毫秒] (2500 毫秒、4000 毫秒] 超过 4000 毫秒
CLS [0, 0.1] (0.1, 0.25] 高于 0.25
INP [0, 200 毫秒] (200 毫秒、500 毫秒] 超过 500 毫秒
TTFB(实验性) [0, 800 毫秒] (800 毫秒、1800 毫秒] 超过 1800 毫秒

分布和所选指标值

PSI 会呈现这些指标的分布情况,以便开发者了解相应网页或来源的体验范围。此分布分为三类:良好、需要改进和较差,分别用绿色条、琥珀色和红色条表示。例如,在 LCP 的琥珀色条内看到 11% 表示观察到的所有 LCP 值中有 11% 介于 2500 毫秒到 4000 毫秒之间。

真实用户 LCP 体验分布情况的屏幕截图

在分布条上方,PSI 报告所有指标的第 75 百分位。为便于开发者了解其网站上最令人沮丧的用户体验,选择第 75 百分位。通过应用上述相同阈值,这些字段指标值被归类为良好/需要改进/欠佳。

核心网页指标

核心网页指标是一组常见的性能信号,对所有 Web 体验都至关重要。核心网页指标包括 FID、LCP 和 CLS,这些指标可能会在网页一级或来源一级汇总。对于这三个指标中数据都充足的汇总,如果这三个指标的第 75 个百分位数为“良好”,则汇总将通过核心网页指标的评估。否则,该汇总不会通过评估。如果聚合的 FID 数据不足,则如果 LCP 和 CLS 的第 75 个百分位均良好,则该聚合将通过评估。如果 LCP 或 CLS 数据不足,则无法评估网页或源级汇总。

PSI 和 CrUX 中的现场数据之间的差异

PSI 中的字段数据与 BigQuery 上的 CrUX 数据集之间的区别在于,PSI 的数据每天更新一次,而 BigQuery 数据集每月更新一次,并且仅限于源级数据。 两个数据源都代表过去 28 天的时间段。

实验室诊断

PSI 使用 Lighthouse 在模拟环境中针对性能、无障碍功能、最佳实践和 SEO 类别分析给定网址。

得分

此部分顶部是每个类别的分数,由运行 Lighthouse 以收集和分析有关页面的诊断信息来确定。90 或更高的分数才算良好。50 到 89 表示得分有待改进,低于 50 表示糟糕。

指标

“性能”类别还包含网页在不同指标方面的性能,这些指标包括:First Contentful PaintLargest Contentful Paint速度指数Cumulative Layout Shift可交互时间Total Blocking Time

系统会为每个指标评分,并用图标标记:

  • 绿色圆圈表示“良好”
  • “需要改进”字样带有琥珀色信息方块
  • 欠佳时会显示红色三角形警告

审核

每个类别中的评估项目都旨在提供有关如何改善网页用户体验的信息。如需查看每个类别的审核的详细明细,请参阅 Lighthouse 文档

常见问题解答 (FAQ)

Lighthouse 使用什么设备和网络条件来模拟网页加载?

目前,Lighthouse 通过移动网络模拟中间层设备 (Moto G4) 设备的网页加载条件,对于桌面设备,则通过有线连接模拟桌面设备。PageSpeed 还在 Google 数据中心运行,该数据中心可能会因网络条件而有所变化,您可以查看 Lighthouse 报告的环境块来了解测试所在的位置:

限制信息提示的屏幕截图。

请注意:PageSpeed 会报告在北美洲、欧洲或亚洲运行代码。

为什么现场数据和实验室数据有时会相互冲突?

实测数据是关于特定网址效果的历史报告,代表用户在现实世界中针对各种设备和网络状况的匿名性能数据。实验室数据基于单台设备上网页的模拟加载和一组固定网络条件。因此,这些值可能会有所不同。如需了解详情,请参阅为什么实验室数据和现场数据可能存在差异(以及相应的应对措施)

为什么为所有指标选择第 75 百分位?

我们的目标是确保网页适合大多数用户。通过重点关注指标的第 75 个百分位值,这可确保网页能够在最困难的设备和网络条件下提供良好的用户体验。 如需了解详情,请参阅定义核心网页指标阈值

实验室数据的高分是多少?

任何绿色得分 (90+) 都被视为良好,但请注意,拥有良好的实验室数据并不一定意味着真实用户体验也很好。

为什么每次跑步时性能得分会有所不同?我没有更改页面上的任何内容!

效果衡量中的可变性是通过多种渠道引入的,这些渠道有着不同的影响程度。导致指标变化的几个常见来源包括本地网络可用性、客户端硬件可用性和客户端资源争用。

为什么没有某个网址或来源的真实用户 CrUX 数据?

Chrome 用户体验报告会汇总来自选择启用此功能的用户的实际速度数据,要求网址必须处于公开状态(可抓取且可编入索引),并且有足够数量的不同样本,这些示例能以匿名化的方式代表相应网址或来源的效果。

More questions?

如果您有关于使用 PageSpeed Insights 具体且可回答的问题,请在 Stack Overflow 上用英语提出问题。

如果您有关于 PageSpeed Insights 的一般反馈或问题,或者想要开展一般讨论,请在邮寄名单中发起会话。

如果您有关于网页指标的常见问题,请在 web-vitals-feedback 论坛中发起会话。

反馈

此页内容对您有帮助吗?