Core Web Vitals 是 Google 推出的一组真实用户体验量化指标，衡量页面的加载速度、交互响应和视觉稳定性。2021 年 6 月正式成为移动端排名信号，2022 年扩展至桌面端。它不会单独决定你的排名，但在内容质量相近时，它就是那个决胜的 tiebreaker。
- 移动端上线
- 2021 年 6 月，随 Page Experience Update 一同推出
- 桌面端扩展
- 2022 年 2 月，全面覆盖所有设备
- 三大核心指标
- LCP（加载）/ INP（交互）/ CLS（视觉稳定）
- 重要更新
- 2024 年 3 月，INP 正式替代 FID
- 当前状态
- 持续运行，为 Page Experience 信号的核心组成部分
发布背景：Google 终于找到了量化 "用户体验" 的方法
Google 一直想把 "用户体验好不好" 变成排名信号。但问题是 -- 怎么量化？
在 Core Web Vitals 之前，Google 已经做了不少铺垫。2015 年的 Mobilegeddon 让移动友好性成为排名因素；2018 年的 Speed Update 让页面速度影响移动搜索排名。但这些都是比较粗糙的信号 -- "你的网站是不是移动端可用" 和 "你的网站是不是特别慢"，仅此而已。
真正的突破来自 Chrome UX Report（CrUX）。这个项目从 2017 年开始，收集 Chrome 浏览器中真实用户的页面体验数据。数百万用户、数十亿次页面访问，构成了一个庞大的体验数据库。Google 终于有了足够的 "原材料"，可以把用户体验从一个主观感受变成可量化、可对比的指标。
2020 年 5 月，Google 正式发布 Web Vitals 计划，将 LCP、FID、CLS 定义为三大核心指标。2021 年 6 月，它们随 Page Experience Update 成为移动端排名信号。用户体验第一次从 "建议优化" 变成了 "影响排名"。
三大核心指标详解
Core Web Vitals 不是一个模糊的评分，而是三个具体、可测量、有明确阈值的指标。每一个都对应用户体验的一个关键维度。
LCP -- Largest Contentful Paint（最大内容绘制）
LCP 衡量的是页面主要内容的加载速度。具体来说，它测量的是视口内最大的图片或文本块完成渲染的时间。
- 好：2.5 秒以内
- 需要改进：2.5 - 4.0 秒
- 差：超过 4.0 秒
常见问题：服务器响应时间慢、渲染阻塞的 CSS/JS 文件、大图片未压缩或未使用现代格式（WebP/AVIF）、字体加载延迟。LCP 是三个指标里最直观的 -- 用户打开页面，多久能看到核心内容。
INP -- Interaction to Next Paint（交互到下一帧）
INP 是 2024 年 3 月替代 FID 的新指标。它衡量的是用户整个访问过程中的交互响应速度。当用户点击按钮、展开菜单、输入文字时，页面多快能给出视觉反馈？
- 好：200 毫秒以内
- 需要改进：200 - 500 毫秒
- 差：超过 500 毫秒
为什么要替换 FID？因为 FID 只测量第一次交互的输入延迟，有两个致命缺陷：一、它忽略了页面后续的所有交互；二、它只测输入延迟，不测处理时间和渲染时间。很多网站首次点击很快，但后续操作卡顿严重 -- FID 看不出来，INP 能抓住。
这次切换的影响不小。根据 HTTP Archive 数据，移动端 Core Web Vitals 通过率因此下降了约 5 个百分点。大量在 FID 时代 "达标" 的网站，在 INP 标准下暴露了真实的交互性能问题。
CLS -- Cumulative Layout Shift（累积布局偏移）
CLS 衡量的是页面视觉稳定性。你有没有这样的经历：正要点一个按钮，突然页面加载了一张广告图，内容往下跳了一截，你点到了错误的位置？这就是布局偏移。
- 好：0.1 以内
- 需要改进：0.1 - 0.25
- 差：超过 0.25
常见问题：图片和广告没有预设尺寸、动态注入的内容推挤页面、字体加载导致文本重排、懒加载组件没有占位符。CLS 是最容易被忽视的指标，但也是对用户体验伤害最直接的。
要通过 Core Web Vitals 评估，你的页面需要在 CrUX 数据中，至少 75% 的用户访问都达到 "好" 的阈值。不是平均值，是第 75 百分位 -- Google 要确保绝大多数用户的体验都是好的。
行业影响：排名效果有限，但推动了性能优化浪潮
先说一个让很多 SEO 从业者失望的事实：Core Web Vitals 对排名的直接影响很有限。
Google 自己也承认，它更像是一个 tiebreaker -- 当两个页面的内容质量、E-E-A-T 信号、内容相关性都差不多时，Core Web Vitals 更好的那个会获得排名优势。但如果你的内容质量远不如竞争对手，光靠优化 LCP 到 1 秒也救不了你。
内容依然是王，体验是锦上添花。
但 Core Web Vitals 的真正影响力不在排名上，而在推动了整个 Web 性能优化的浪潮。当 Google 宣布它会成为排名因素后：
- 各大建站平台（WordPress、Shopify、Wix）纷纷优化默认主题和核心性能
- CDN 和托管服务商把 Core Web Vitals 达标率作为卖点
- 前端开发领域对性能优化的重视程度显著提升
- PageSpeed Insights 和 Search Console 的 CWV 报告使用率大幅增长
从这个角度看，Google 用一个 "排名影响有限" 的信号，撬动了整个行业对用户体验的投入。这可能才是 Core Web Vitals 最大的意义。
迭代历程：从三项指标到持续进化
Core Web Vitals 不是一成不变的，Google 一直在迭代：
2020 年 5 月 -- Web Vitals 计划发布，LCP、FID、CLS 被定义为三大核心指标。
2021 年 6 月 - 8 月 -- Page Experience Update 在移动端逐步推出。Core Web Vitals 正式成为排名信号，与 HTTPS、移动友好性、无侵入式插屏广告等共同组成 Page Experience 信号。
2022 年 2 月 - 3 月 -- Page Experience 扩展至桌面端。至此，所有设备上的 Google 搜索都纳入了 Core Web Vitals 考量。
2023 年 5 月 -- Google 宣布 INP 将替代 FID，给开发者留出了近一年的过渡期。
2024 年 3 月 12 日 -- INP 正式成为核心指标，FID 退役。Search Console 同步更新，PageSpeed Insights 等工具给出六个月的过渡期。
Google 已经表明，Core Web Vitals 的指标会继续演进。未来可能会加入新的维度，或者调整现有指标的阈值。这不是一个 "达标就可以忘记" 的指标，而是需要持续关注的信号。
翼果观察：CWV 的真正价值不在排名，在于转化率
翼果观察（2026 年 3 月）
很多客户问我们："Core Web Vitals 到底值不值得投入？排名影响不是很小吗？" 我们的回答是：别只看排名，看转化率。
Amazon 发现每 100 毫秒的延迟会导致 1% 的销售额下降。行业数据显示，页面加载时间从 3 秒降到 1 秒，电商转化率平均提升 20%。性能优化带来的转化率提升，往往远超排名提升的价值。
Shopify 商家面临特殊挑战。Shopify 的 Liquid 模板引擎和第三方 App 生态，让 Core Web Vitals 优化变得特别棘手。每多装一个 App，就多一堆 JavaScript；每多一个追踪代码，LCP 就慢一点。我们看到不少 Shopify 店铺的 LCP 在 4-6 秒，CLS 因为动态加载的推荐模块而飙高。
解决思路不是 "少装 App"（那不现实），而是：懒加载非首屏内容、预加载关键资源、使用 SSR 或预渲染提升首次加载速度、审计并移除不再使用的 App 残留代码。对于非 Shopify 站点，考虑使用 Next.js 或 Astro 等现代框架，它们在 Core Web Vitals 方面有天然优势。
另一个我们关注的趋势：Core Web Vitals 数据正在成为 AI Overviews 引用来源的考量因素之一。虽然 Google 没有明确说明，但从实测来看，加载更快、体验更好的页面，被 AI 搜索引用的概率更高。这在信息密度高的竞争领域尤其明显。
Core Web Vitals 优化清单
性能优化是一个持续过程，不是一次性任务。以下是按优先级排列的行动项：
- LCP 优化：压缩并转换图片为 WebP/AVIF 格式；使用 CDN 加速静态资源分发；预加载首屏关键图片（
<link rel="preload">）；优化服务器响应时间（TTFB 控制在 800ms 以内） - INP 优化：拆分长任务（Long Tasks），确保主线程不被阻塞超过 50ms；延迟加载非关键 JavaScript；使用 Web Workers 处理耗时计算；审计第三方脚本对交互性能的影响
- CLS 优化：为所有图片和视频设置明确的宽高属性；为动态内容（广告、推荐模块）预留空间；避免在已有内容上方动态插入元素；使用
font-display: swap并预加载自定义字体 - 监控与测量：在 Search Console 中定期查看 Core Web Vitals 报告；使用 PageSpeed Insights 进行逐页诊断；部署 Real User Monitoring（RUM）收集真实用户数据
- 全站审计：重点关注流量最高的前 20 个页面；移除不再使用的第三方脚本和追踪代码；定期检查新功能上线后的性能回退
相关内容
- 谷歌算法更新完整指南 -- 所有算法的时间线总览
- Google Mobilegeddon -- 移动优先的开端，CWV 的前奏
- Helpful Content Update -- 内容质量信号与 CWV 互为补充
- Google E-E-A-T -- 内容质量远比性能更重要的排名信号
- AI Overviews -- CWV 数据可能影响 AI 搜索的引用偏好
- SSR 与 AI 可见性 -- 服务端渲染对 LCP 和 AI 抓取的双重价值