Core Web Vitals：优化速度与用户体验
8 min
Core Web Vitals（LCP、INP、CLS）是Google的官方排名因素。LCP需低于2.5秒，INP需低于200毫秒，CLS需低于0.1，这三项均属于'良好'阈值。首要任务是优化图片并延迟加载非关键JavaScript。
自2021年起，Google将Core Web Vitals纳入排名算法。2026年，这些指标不仅影响排名位置，还决定是否有资格获得移动端富媒体结果。以下是掌握这些指标的方法。
真正重要的三个指标
Google选取了三个信号来衡量真实用户体验：LCP（最大内容绘制）、INP（下次绘制的交互响应）和CLS（累积布局偏移）。每项指标衡量感知质量的不同维度。
INP于2024年3月取代了FID；它衡量页面所有交互的整体响应能力，而FID只捕捉首次点击。
- LCP：最大可见元素完成渲染所需时间。良好阈值：低于2.5秒。
- INP：对键盘/鼠标/触控交互的响应延迟。良好阈值：低于200毫秒。
- CLS：页面布局的视觉不稳定性。良好阈值：低于0.1。
性能不佳的常见原因
LCP得分差通常由未预加载的主图、服务器响应慢或缺少服务端渲染（SSR）导致。针对主图添加<link rel="preload">标签通常可将该分数提升30%至50%。
CLS几乎总是由图片缺少明确尺寸、网页字体在加载后才显示，或动态注入到页面顶部的横幅广告引起。
INP的主要罪魁祸首是第三方脚本（分析工具、聊天插件、广告），它们阻塞主线程并延迟点击响应。
在三项指标上均达到'良好'阈值的页面，其跳出率比评级为'较差'的页面低15%至25%。
2025-2026年网页用户体验行业研究
按优先级排列的行动计划
首先在Google Search Console（页面体验报告）中测量真实数据，而非实验室数据：只有CrUX数据才会影响排名。
确定优先页面后，按以下顺序操作：压缩并调整图片尺寸，启用长期浏览器缓存，然后审查并推迟第三方脚本。
- 以自适应srcset提供WebP或AVIF格式图片。
- 在服务器端启用Brotli压缩并使用CDN降低TTFB。
- 使用font-display: swap并预加载主字体。
- 审查每个第三方脚本并以defer或async模式加载。
持续监控
Core Web Vitals随每次部署而变化。将Lighthouse CI集成到部署流程中，以便在上线前发现性能回退。
在Search Console或通过CrUX API设置告警，以便在某个URL进入'需改善'或'较差'区间时及时收到通知。
FAQ
Core Web Vitals是否是主要排名因素？
Google将其定性为相对于内容相关性而言的'轻量级排名信号'。在两个质量相当的页面之间，它们可以发挥决定性作用，但无法弥补内容薄弱的缺陷。
应该测量移动端还是桌面端？
Google在移动优先索引框架下主要使用移动端数据。即使您的流量以桌面端为主，也应将优化重点放在移动端。
PageSpeed Insights足以审计Core Web Vitals吗？
PageSpeed Insights同时显示实验室数据（模拟）和真实数据CrUX（如果流量足够）。如需完整审计，请结合Search Console和Chrome Web Vitals扩展程序使用。
修复后多久能看到排名影响？
Google每月更新一次CrUX数据。今日所做的改善通常会在四到八周后反映在排名中。