Core Web Vitals 是 Google 为客观衡量网页用户体验而制定的三项指标：加载速度、交互响应速度和视觉稳定性。自 2021 年起，它已正式成为 Google 排名信号的一部分——影响虽小，但真实存在。
什么是 Core Web Vitals？
三项指标如下：
- LCP (Largest Contentful Paint)：页面中最大的可视元素需要多长时间显示出来。
- INP (Interaction to Next Paint)：页面对用户的点击/触摸作出响应需要多长时间。
- CLS (Cumulative Layout Shift)：页面加载过程中元素发生意外位移的程度。
这三项指标均基于真实用户数据（来自 Chrome 用户的匿名遥测数据）计算得出；它们反映的不是实验室测试，而是真实访客的真实体验。
LCP — 最大内容绘制
LCP 是用户感觉“页面已加载完成”的那一刻——通常是首屏大图、标题区块或大型视频封面帧。Google 的阈值如下：
| 数值 | 评级 |
|---|---|
| 2.5 秒及以下 | 良好 |
| 2.5 – 4 秒 | 需要改进 |
| 超过 4 秒 | 较差 |
最常见的原因：未经优化的大图片、服务器响应缓慢、阻塞渲染的 CSS/JS 文件以及延迟加载的字体。
INP — 交互到下次绘制
INP 于 2024 年取代了旧的 FID（First Input Delay）指标，它衡量的不是单次首次交互，而是页面上所有交互的响应速度。它能捕捉到您按下按钮时屏幕是否卡顿。
| 数值 | 评级 |
|---|---|
| 200 毫秒及以下 | 良好 |
| 200 – 500 ms | 需要改进 |
| 超过 500 ms | 较差 |
最常见的原因是长时间占用主线程（main thread）的繁重 JavaScript 执行——尤其是页面加载时运行的第三方脚本（广告、在线客服、分析工具）经常导致此问题。
CLS — 累积布局偏移
正要点击一条新闻时页面突然移动，结果误点了广告——CLS 衡量的正是这种情况。未定义尺寸的图片、后加载的广告/横幅区域以及延迟加载的字体（font swap）是最常见的原因。
| 数值 | 评级 |
|---|---|
| 0.1 及以下 | 良好 |
| 0.1 – 0.25 | 需要改进 |
| 超过 0.25 | 较差 |
它对 SEO 的实际影响有多大？
在这里设定正确的预期很重要：Core Web Vitals 并不是与内容质量和搜索意图匹配同等重要的排名因素。根据 Google 自己的说明，它在“两个同样优质的内容之间”起到决胜作用——也就是说，出色的 Web Vitals 分数无法挽救薄弱的内容，但在质量相近的两个页面之间，速度更快的页面可能脱颖而出。
而其间接影响比直接影响更大：缓慢且不稳定的页面会赶走用户、提高跳出率、缩短会话时长——而这些行为信号对排名的影响远远大于 Core Web Vitals 本身。
如何测量？
- PageSpeed Insights： 在同一界面中同时显示真实用户数据（如有）和实验室测试结果。是最实用的起点。
- Search Console → 核心网页指标：将您网站的所有页面分组，集中显示哪些页面为“良好”“需要改进”或“较差”。
- Chrome DevTools → Lighthouse：在开发者控制台中提供即时、详细的分析。
实用优化步骤
- 将图片转换为现代格式。使用 WebP/AVIF，按实际显示尺寸压缩，并通过
loading="lazy"延迟加载首屏以下的图片。 - 为图片和广告区域设置固定尺寸。让浏览器在内容加载前就知道需要预留多少空间——这能直接改善 CLS。
- 减少阻塞渲染的资源。以延迟方式（defer/async）加载非关键的 CSS/JS 文件。
- 优化字体。使用
font-display: swap，不要加载不需要的字重/字符。 - 限制第三方脚本。您添加的每个在线客服、分析或广告脚本都可能使 INP 变差；只保留真正需要的脚本。
- 缩短服务器响应时间。缓存（caching）和选择优质的主机，是 LCP 最容易被忽视却最有效的因素。
优先顺序：最大的收益通常来自图片——在大多数网站上，LCP 问题的根源就是一张未经优化的大图。请先解决它，再处理其他事项。
如果页面速度良好却仍然吸引不到访客，瓶颈就在于曝光度——此时您可以参阅我们的CTR 提升指南或自然流量提升综合文章。