如何补救 Pagespeed Insights 消息 "pages served from this origin does not pass the Core Web Vitals assessment"?

How do I remedy the Pagespeed Insights message "pages served from this origin does not pass the Core Web Vitals assessment"?

在 Pagespeed insights 中,我在 Origin Summary 中收到以下消息:“在过去的 28 天收集期内,从该来源提供的所有页面的综合体验未通过 Core Web Vitals 评估。”

screenshot of the message in PageSpeed Insights

有谁知道多少百分比的 URL 必须通过测试才能更改此设置?或者标准是什么?

说明

我们以Largest Contentful Paint (LCP)为例。

首先,通过/失败不是基于URL的百分比,而是基于平均时间/分数。

这是一个重要的区别,因为您可能有 50% 的数据失败,但如果它仅失败 0.1 秒(2.6 秒)而其他 50% 的数据通过 1 秒(1.5 秒)平均将通过(平均 2.05s 这是通过)。

显然这是一个过度简化的示例,但您希望您的网站有 50% 处于亏损状态,但理论上仍然通过,这就是每个类别中的百分比更多用于诊断的原因。

如果 CrUX dataset 中所有页面的 LCP 平均时间少于 2.5 秒(“良好”),那么您将获得绿色分数,即通过。

如果时间少于 4 秒,分数将为橙色(“需要改进”),但这仍将视为失败。

超过 4 秒,失败并显示为红色(“差”)。

通过标准

因此您需要满足以下条件 pass the web vitals(在撰写本文时):-

  • Largest Contentful Paint (LCP) 平均值小于 2.5 秒
  • 首次输入延迟 (FID) 小于 100 毫秒
  • 累计布局偏移小于 0.1

如果其中任何一个超过阈值,即使其他两个在绿色/通过范围内,您也将失败。

FID - 当 运行ning lighthouse(或 Page Speed Insights)在页面上时,您不会将 FID 作为综合测试的一部分(实验室数据) .

取而代之的是总阻塞时间 (TBT) - 在大多数情况下,这是 FID 的足够近似值,因此请使用它(或 运行 性能跟踪)。