Google 的 Core Web Vitals 是什么？

你是否曾听过这个说法：「网页载入时间超过 2 秒，就会有一半的人放弃离开」？为了提升使用者体验，开发者会不断优化网站效能，但如何衡量优化成果呢？近年来，Google 提出的「Core Web Vitals 网站核心指标」，为开发者和网站经营者提供了一套能衡量网站效能评估标准。

我们在这篇文章中，会带你了解 Core Web Vitals 的一些重要基础，包含以下内容：

什么是 Core Web Vitals(网站核心指标) ?
Core Web Vitals(网站核心指标) 的影响与重要性
Core Web Vitals(网站核心指标) 的定义
Core Web Vitals(网站核心指标) 测量方法

Core Web Vitals(网站核心指标) 是什么？

Core Web Vitals 是 Google 所提出的一组指标，用来衡量网站使用者体验的三大面向，包括：

载入效能：网页载入的速度有多快？
互动性：使用者是否能顺畅地与网页互动？
视觉稳定性：网页内容在载入过程中是否稳定，不会造成阅读困扰？

这些指标不仅影响用户体验，还直接关系到网站的 SEO 排名。

Core Web Vitals 并非一成不变，而是基于 Google 长期的用户行为分析而持续优化的结果。目前，稳定的 Core Web Vitals 包括三个关键指标：LCP、INP 和 CLS。

值得注意的是，这些指标可能会因为准确性问题而被替换。例如，从 2024 年 3 月起，INP 正式取代了 FID 成为 Core Web Vitals 之一。其他的 web vitals 还有如 TTFB 和 FCP，但大部分人只需要专注于 Core Web Vitals 的指标来优化即可。

为什么 Core Web Vitals(网站核心指标) 重要？

Core Web Vitals 不仅影响使用者对网站的第一印象，更直接关系到网站的 SEO 排名。

提升使用者体验：符合 Core Web Vitals 的网站能提供更流畅、稳定的浏览体验，让使用者更愿意停留和互动。
改善 SEO 排名：Google 已将 Core Web Vitals 纳入搜寻引擎演算法的排名因素之一，符合这些指标的网站更容易在搜寻结果中获得更好的排名。
增加网站流量和转换率：良好的使用者体验有助于吸引更多使用者造访网站，并提升他们在网站上停留的时间、浏览的页数以及转换的可能性。

Core Web Vitals(核心指标) 的定义

目前的 Core Web Vitals 包含以下三个指标：

LCP (Largest Contentful Paint,最大内容绘制): 衡量页面主要内容载入所需的时间，建议在 2.5 秒内完成。
INP (Interaction to Next Paint, 与下一个显示内容的互动): 从使用者与页面进行互动(点击、键盘输入等)到浏览器对该互动作出响应并更新画面所需的时间，建议分数为 200 ms 以下。
CLS (Cumulative Layout Shift, 累积版面配置偏移): 衡量页面元素在载入过程中发生位移的程度，建议分数低于 0.1。

各个指标会分成三种等级 (不良、需要改善、良好)，Google 建议第 75 个百分位数的建议目标为良好。

举例来说，假设你的网页主要内容载入时间在 2.5 秒内，那就符合 LCP 指标为「良好」的标准。

三个指标的标准如下图所示：