如何提高页面速度以通过 Google 的核心 Web 指标评估

了解如何优化您的 Core Web Vitals 以实现更高的网站速度、更好的用户体验和更高的 SERP 排名。

快速的网站为用户提供了更愉快的体验，并可以带来更高的转化率。

但谷歌也将网站速度作为核心 Web 指标的一部分考虑在内，并将其用作排名因素。

了解 Google 的核心网页指标评估如何运作，以及您可以采取哪些措施来确保您的网站快速加载并在加载后提供良好的体验。

什么是核心 Web 指标？

Google 的核心 Web 指标 （CWV） 旨在衡量网站质量和用户体验。

为此，我们开发了一些新的指标，可以在 Chrome 浏览器中收集这些指标。

其中三个指标构成了核心 Web 指标：

• 最大的内容画。
• 与下一个绘制的交互。
• 累积布局偏移。

最大的内容绘制

最大内容绘制 （LCP） 指标衡量访客打开页面后，单个最大页面内容在页面上显示的速度。

您可以在此 DebugBear 渲染页面速度幻灯片中看到 LCP 的示例，该幻灯片显示了用户在不同时间点可以看到哪些内容。

这里的内容在 1.27 秒后开始显示。

但是，右侧的图像被 Chrome 标识为 LCP 元素，并且此图像仅在导航后 2.33 秒显示。

最大内容绘制与不属于核心 Web 指标的另外两个 Web 指标密切相关：第一个字节的时间和第一个内容绘制。

到第一个字节的时间

首字节时间 （TTFB） 衡量服务器对页面加载过程开始时加载的 HTML 文档请求的响应速度。

如果没有 HTML 文档，浏览器将无法显示任何内容或开始加载任何其他资源。

第一个内容绘制

First Contentful Paint （FCP） 查看任何内容在页面上出现的时间。

这里的内容通常是指文本或图像。

但是，当页面达到此里程碑时，访问者可能仍无法使用大多数内容。

FCP 要到 TTFB 里程碑之后才能发生。反过来，最大内容绘制始终大于或等于第一个内容绘制。

这意味着 TTFB 和 FCP 对 LCP 设置了下限，查看这两个指标可以帮助您了解网站的加载行为。

与下一幅画的交互

与 Next Paint 的交互 （INP） 衡量网站对用户输入的响应程度。

它通常查看用户在网页上进行的最慢的交互。

INP 报告页面交互期间两个时间戳之间经过的时间：

1. 用户输入，例如单击或按键。
2. 网站的下一次视觉更新（“绘制”）（内容是否更改都很重要）。

例