Core Web Vitals：Google怎么衡量你的网站快不快

Google从2021年开始把页面体验纳入搜索排名因素，Core Web Vitals是其中最核心的三个指标。不懂这三个数，优化就是瞎忙。

LCP：最大内容绘制

LCP（Largest Contentful Paint）衡量的是页面主要内容加载完成的时间。Google的要求是2.5秒以内算"好"，4秒以上就是"差"。影响LCP的常见因素：服务器响应慢、图片太大没压缩、关键CSS/JS阻塞渲染。优化手段包括：用CDN加速静态资源、图片用WebP格式、关键CSS内联、延迟加载非首屏资源。

INP：交互到下一次绘制

INP（Interaction to Next Paint）在2024年3月正式取代了FID，成为衡量页面交互响应速度的指标。它记录用户每次点击、键盘输入后，浏览器完成响应的延迟时间。200毫秒以内算好，超过500毫秒就是差。常见瓶颈：主线程被长任务阻塞、JavaScript执行时间过长、事件处理函数里做了太多计算。优化方法：拆分长任务、用Web Workers处理计算密集型操作、减少不必要的JavaScript。

CLS：累积布局偏移

CLS（Cumulative Layout Shift）衡量页面加载过程中元素"跳动"的程度。典型场景：图片没设宽高导致加载后把文字挤下去、广告位动态插入把内容推走、字体加载导致文字重排。0.1以下算好，0.25以上就是差。解决方案：给图片和视频预设宽高、字体用font-display: swap、广告位预留固定空间。

怎么测

测Core Web Vitals有两类工具。实验室工具：Lighthouse（Chrome DevTools里直接跑）、PageSpeed Insights（在线测）。真实用户数据：Chrome用户体验报告（CrUX），这是Google排名实际参考的数据源。两者可能有差异，以CrUX为准。

为什么重要

Core Web Vitals不达标不会让你直接掉出搜索结果，但在同等内容质量下，页面体验好的网站会获得排名优势。更重要的是，这三个指标直接关系到用户体验——加载慢、响应卡、布局跳，用户扭头就走，转化率自然上不去。