如何通过 PageSpeed Insights 查看 Chrome 用户体验报告数据

Rick Viscomi
Rick Viscomi
Barry Pollard
Barry Pollard

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

PageSpeed Insights 中来自 CrUX 的字段数据

读取数据

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

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

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

PageSpeed Insights 中来自 CrUX 的字段数据

在实际用户体验部分,指标按核心网页指标其他重要指标进行分组。下面列出了三个 Core Web Vitals 指标:Largest Contentful Paint (LCP)、Interaction to Next Paint (INP) 和 Cumulative Layout Shift。紧随其后的是其他重要指标:First Contentful Paint (FCP) 和 Time to First Byte (TTFB)。

核心网页指标

  • LCP 衡量的是在网页显示可能其主要内容(如主打图片或标题)之前所用的时间。
  • INP 通过衡量用户与网页进行的所有互动的延迟时间来衡量网页的互动性,并报告所有(或几乎所有)互动所低于的单个值。
  • CLS 可衡量页面上因注入异步加载内容等变化而导致的布局不稳定程度。

其他重要指标

  • FCP 用于衡量网页在 例如一些文字或徽标。
  • TTFB 是一项实验性指标,用于衡量从请求资源到响应的第一个字节开始到达之间的时间。

指标阈值

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

指标 “良好” “需要改进” “很差”
LCP 0–2500 毫秒 2500–4000 毫秒 4000 毫秒以上
CLS 0.00-0.10 0.10 - 0.25 0.25 及以上
INP 0–200 毫秒 200 毫秒 - 500 毫秒 500 毫秒以上
首次内容渲染 (FCP) 0-1800 毫秒 1800 毫秒 - 3000 毫秒 3000 毫秒以上
TTFB 0–800 毫秒 800 毫秒 - 1800 毫秒 1800 毫秒以上

Core Web Vitals 指标是最重要的指标,都是由真实用户直接体验的指标。其他指标可用作诊断,但真实用户不一定会察觉到。因此,这些指标未纳入核心网页指标评估中,无法达到“良好”只有在会对核心网页指标产生不利影响时,这些阈值才起作用。

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

  • 总结网页通过还是不通过核心网页指标的标签 知识评测
  • 以秒或毫秒为单位的百分位数(CLS 无单位)
  • 表示“良好”“需要改进”和“较差”百分比的分布情况点击此部分右上角的展开视图即可看到 Google Play 音乐。

PageSpeed Insights 中的 CrUX 数据的扩展视图

在前面的屏幕截图中,该网页被标记为“通过”核心网页指标评估要通过测试,百分位必须归类为“良好”这三个核心网页指标否则,评估会显示为“未通过”。某些网页可能没有足够的 INP 数据,在这种情况下,系统会根据另外两个核心网页指标来评估相应网页。

为所有指标显示的百分位对应于第 75 百分位。在统计学中,百分位是一种测量方法,表示低于指定百分比的样本的值。例如,上面的屏幕截图显示 INP 的第 75 个百分位为 64 毫秒,这意味着 75% 的 INP 体验的用时快于 64 毫秒。系统会根据上一个阈值表对这些值进行颜色编码,其��“良好”值为���色,值为“需要改进”显示“糟糕”值显示为红色。

最后,每个指标的分布情况分别用“良好”“需要改进”和“欠佳”表示。例如,此页面上的 LCP 体验为“良好”(不到 2.5 秒)。INP “很差”(至少 500 毫秒)。这些分布代表了网页上的所有用户体验,其形状表明了一般是“良好”的或“糟糕”。

源站效果摘要

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 的 CrUX 数据的一些常见问题解答:

何时可以使用 PageSpeed Insights,而不是其他工具?

PSI 将 CrUX 的真实用户体验数据与 Lighthouse 基于实验室的性能诊断相结合。这样,您就能够在一个位置轻松了解网页体验速度以及如何提高速度。PSI 中字段数据的每日汇总,因此与汇总频率较低的工具相比,非常适合用于更密切地监控来源或网址效果。

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

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

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

查看 PSI 文档 了解详情。