使用有关 PageSpeed Insights 的 Chrome 用户体验报告

PageSpeed Insights (PSI) 是一款供 Web 开发者了解网页性能的工具,以及如何改进网页性能。它使用 Lighthouse 审核网页并发现改进性能的机会。它还与 Chrome 用户体验报告 (CrUX) 集成,以汇总显示真实用户在网页和来源方面的体验。在本指南中,您将学习如何使用 PSI 从 CrUX 中提取数据洞见,并更好地了解用户体验。

PageSpeed Insights 中来自 CrUX 的字段数据

读取数据

要开始使用,请访问 https://pagespeed.web.dev/,输入您要测试的网页的网址,然后点击 Analyze(分析)。

请输入网址以开始使用 PageSpeed Insights

几秒钟后,系统会执行 Lighthouse 审核,您会看到包含来自 CrUX(“探索真实用户的体验”)和 Lighthouse(“诊断性能问题”)数据的部分。CrUX 是来自现场的真实用户体验集合,而 Lighthouse 则是实验室中的受控测试。

PageSpeed Insights 中来自 CrUX 的字段数据

在实际用户体验部分,指标按核心网页指标其他重要指标分组。首先列出了三个 Core Web Vitals 指标:Largest Contentful Paint (LCP)、First Input Delay (FID) 和 Cumulative Layout Shift。接下来是其他重要指标:First Contentful Paint (FCP)、Interaction to Next Paint (INP) 和 Time to First Byte (TTFB)。

核心网页指标

  • LCP 用于衡量网页显示可能是其主要内容(例如主打图片或标题)所用的时间。
  • INP 用于衡量用户与网页进行的所有互动的延迟时间,并报告所有(或几乎所有)互动位于下方的单个值。
  • CLS 衡量网页布局不稳定的程度,该程度因偏移(例如注入异步加载内容)所致。

其他重要指标

  • FCP 用于测量网页在前台显示内容(例如某些文本或徽标)之间的用时。
  • TTFB 是一项实验性指标,用于测量请求资源与响应的第一个字节开始到达之间的时间。
  • FID(现已废弃并已由 INP 取代)用于衡量网页的互动性,涵盖从用户的首次互动到网页对其做出响应的这段时间。

指标阈值

下表介绍了这些指标的值如何分为“良好”“需要改进”或“欠佳”。

指标 | “良好”|“需要改进”|“欠佳” -- | -- | -- | -- LCP | 0–2500 毫秒 | 2500–4000 毫秒 | 4000 毫秒+ CLS | 0.00–0.10 | 0.10–0.25 | 0.10–0.25 | 0.25–8 毫秒 2 毫秒 | 0 毫秒 2 毫秒 0 毫秒

Core Web Vitals 指标是最重要的指标,真实用户会直接体验到。其他指标也可用于诊断,但真实用户不一定能察觉到这些指标。因此,核心网页指标不会纳入核心网页指标评估的考量范围内,如果未达到“良好”阈值,只有在会对核心网页指标产生不利影响时,才会产生影响。

用户体验在 PSI 中通过以下三种方式显示:

  • 一个标签,总结网页是在“核心网页指标”评估中是否通过 或未通过核心网页指标评估
  • 以秒或毫秒为单位的百分位数(CLS 无单位)
  • 点击此部分右上角的展开视图,即可查看表示“良好”“需要改进”和“欠佳”体验百分比的分布情况。

PageSpeed Insights 中展开后的 CrUX 数据视图

在上面的屏幕截图中,该网页被标记为“通过了 Core Web Vitals 评估”。若要通过测试,百分位数必须在所有三项 Core Web Vitals 中都归类为“良好”。否则,评估将显示为“未通过”。某些网页可能没有足够的 INP 数据,在这种情况下,系统会根据其他两个 Core Web Vitals 指标评估该网页。

所有指标的百分位数对应于第 75 百分位。在统计学中,百分位是一个度量值,表示给定百分比的样本低于哪个值。例如,上面的屏幕截图显示,FID 的第 75 个百分位为 13 毫秒,这意味着 75% 的 FID 体验快于 13 毫秒。这些值根据上面的阈值表进行颜色编码,其中“良好”的值是绿色的,“需要改进”的值是橙色,“欠佳”的值是红色的。

最后,系统会使用“良好”“需要改进”和“欠佳”分组展示每个指标的分布情况。例如,此网页上的 LCP 体验在 90% 的情况下都是“良好”(少于 2.5 秒)。1% 的时间里的 FID 为“欠佳”(至少 300 毫秒)。这些分布图代表了相应网页上的所有用户体验,其形状表明其往往是“良好”或“较差”。

源站性能摘要

PSI 还包含源性能的摘要。这是对同一来源的所有网页中的用户体验的汇总。您可以获取整个源站的统计信息,这些统计信息与具体网页相同。这些数据与 BigQuery 中的数据高度一致,而网页级性能无法查询。

PageSpeed Insights 中的源 CrUX 性能

PSI 与 BigQuery 上的源级数据有一个主要区别。BigQuery 上的数据集每月发布一次,包含上一个日历月的数据。例如,202005 年的数据集包含 2020 年 5 月发生的所有用户体验。另一方面,PSI 每天都会汇总过去 28 天的新数据。因此,您今天看到的结果在明天可能会有所不同,不一定与您在 BigQuery 当月的汇总中看到的结果相同。

CrUX 中未提供网址数据时的响应

如果您输入的网址在 CrUX 中不可用,PageSpeed Insights 会尝试回退到源站级数据,如下所示。点击已停用的此网址按钮旁边的图标将显示更多说明。

PageSpeed Insights 上没有网址级 CrUX 数据,因此显示的是源数据

如果 CrUX 中也未提供源站级数据,则 PSI 无法显示此部分,并显示 No Data(无数据)。您仍然可以获取 Lighthouse 的实验室数据,以便了解网页性能的近似值。

没有 PageSpeed Insights 的 CrUX 数据

常见问题解答

什么时候应该使用 PageSpeed Insights,而不是其他工具?

PSI 将 CrUX 的实际用户体验数据与 Lighthouse 基于实验室的性能诊断相结合。这样,您就可以轻松地在一个位置集中查看网页的加载速度,以及如何提高网页加载速度。与汇总频率较低的工具相比,PSI 中每天汇总现场数据是一种更密切监控来源或网址效果的绝佳工具。

使用 PageSpeed Insights 是否有任何限制?

PSI 仅提供最新的每日汇总数据,因此您不一定能看到网站的效果趋势。还有一些非生命指标包含在 CrUX 数据集中,它们并未在 PSI 中公开。

在哪里可以详细了解 PageSpeed Insights?

如需了解详情,请参阅 PSI 文档