PageSpeed Insights 简介

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

PSI 会提供网页的实验室数据和字段数据。实验室数据有助于调试 因为它们是在受控环境中收集的。不过,它可能不会 找出实际瓶颈。实测数据有助于记录真实的用户 但其指标较为有限。了解思维方式 速度工具简介,详细了解这两类数据。

真实用户体验数据

PSI 中的真实用户体验数据由 Chrome 用户体验提供支持 Report (CrUX) 数据集。PSI 报告真实用户的第一 Contentful Paint (FCP)、Interaction to Next Paint (INP)、 Largest Contentful Paint (LCP) 和 Cumulative Layout 过去 28 天收集期的 Shift (CLS) 体验数量。PSI 也会报告 (TTFB) 对实验性指标的评估效果。

为了显示指定网页的用户体验数据,必须有足够多的数据 要包含在 CrUX 数据集中。如果某个网页已 或真实用户的样本过少。在这种情况下,PSI 会下降 原始级别,即原始网页的所有网页 网站。有时,源站可能也没有足够的数据,在这种情况下,PSI 将 无法显示任何真实用户体验数据。

评估体验的质量

PSI 将用户体验质量分为三类:良好、需要改进、 或“很差”PSI 根据 网页指标计划:

良好 需要改进
首次内容渲染 (FCP) [0, 1800 毫秒] (1800 毫秒、3000 毫秒] 超过 3000 毫秒
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 体验。Core Web Vitals 指标包括 INP、LCP 和 CLS, 在网页级或源级汇总。对于 三个指标,如果第 75 百分位的百分位数为第 75,那么汇总操作会通过 Core Web Vitals 评估 全部三个指标都是“良好”。否则,聚合将无法通过评估。如果 如果汇总过程的 INP 数据不足,则在汇总的第 75 个 LCP 和 CLS 百分位数表示良好。如果 LCP 或 CLS 数据不足,则网页或 无法评估源站级汇总。

PSI 和 CrUX 中的字段数据之间的区别

PSI 中的字段数据与 BigQuery 上的 CrUX 数据集是指 PSI 的数据每天更新, 而 BigQuery 数据集每月更新一次,且只能存储源级数据。 两个数据源代表 28 天的跟踪时间段。

实验室诊断

PSI 使用 Lighthouse 在模拟环境中分析指定网址 “效果”“无障碍功能”“最佳做法”和“搜索引擎优化”类别

得分

此部分的顶部是每个类别的得分,该得分由运行 Lighthouse 计算得出 来收集和分析网页的诊断信息。90 分或以上 50 到 89 是有待改进的得分,低于 50 会被视为糟糕。

指标

“效果”类别还包含网页在不同指标方面的表现,包括: First Contentful PaintLargest Contentful Paint速度指数 Cumulative Layout ShiftTime to Interactive, 和 Total Blocking Time

每个指标都会进行评分并标有图标:

  • 商品用绿色圆圈表示
  • 用琥珀色的信息方格表示“需要改进”
  • “差”使用红色警告三角形表示

审核

每个类别中包含审核结果,以提供有关如何改进网页用户的信息 体验。如需详细了解 每个类别的审核明细。

常见问题解答 (FAQ)

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

目前,Lighthouse 模拟中层设备 (Moto G4) 设备的网页加载条件 移动用户所在的移动网络;以及 与桌面设备通过有线连接的模拟桌面。PageSpeed 还可在 Google 可能因网络条件而异的数据中心,您可以查看测试 方法是查看 Lighthouse 报告的环境代码块:

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

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

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

字段数据是关于特定网址执行情况的历史报告,代表 匿名化效果数据,来自于实际用户在各种设备和网络上进行的 条件。实验数据基于单台设备上对网页的模拟加载情况, 一组网络条件。因此,这些值可能会有所不同。 请参阅为什么实验数据和实测数据可能不同 (以及如何应对)

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

我们的目标是确保网页对大多数用户都能正常显示。通过专注于第 75 个 百分位值,这可确保网页提供良好的用户体验 在最困难的设备和网络条件下使用。 请参阅定义 Core Web Vitals 指标阈值 了解详情。

实验数据的高分是多少?

任何绿色得分(90 分以上)都被认为是良好,但请注意,拥有优质的实验室数据并不意味着 真实用户体验也必不可少。

为什么不同运行阶段的性能得分会发生变化?我没有更改页面上的任何内容!

效果衡量的变化是通过 影响程度不同的渠道的数量。几种常见的指标来源 包括本地网络可用性、客户端硬件可用性以及客户端资源 争用。

为什么网址或来源不提供真实用户的 CrUX 数据?

Chrome 用户体验报告汇总了 选择参与调查的用户和 要求网址必须公开 (可抓取且可编入索引) 并且有足够多的不同样本,能够提供具有代表性的匿名化视图 或来源的效果

More questions?

如果您对如何使用 PageSpeed Insights 存有疑问且具体问题有待解决, 在 Stack Overflow 上用英语提问。

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

如果您对 Web Vitals 指标有一般性问题,请在 web-vitals-feedback 论坛中发起讨论。

反馈

此页内容对您有帮助吗?

<ph type="x-smartling-placeholder"> <ph type="x-smartling-placeholder">