Core Web Vitals 通关指南
Core Web Vitals 是谷歌用于衡量真实用户体验的三项核心指标，也是 SEO 排名的重要因素。下面用大白话讲清楚。Core Web Vitals are Google's three core metrics of real-user experience — and a real SEO ranking factor. Plain-language version below.
三个指标分别是什么The three metrics
LCP — 最大内容绘制（加载）LCP — Largest Contentful Paint
页面主视觉（通常是首屏大图或标题）加载完成的时间。优秀线：≤ 2.5 秒。我们多数项目做到 ≤ 1 秒。When the main visual (often the hero image/title) finishes loading. Good: ≤ 2.5s. We usually hit ≤ 1s.
CLS — 累积布局偏移（稳定）CLS — Cumulative Layout Shift
页面元素意外跳动的程度。优秀线：≤ 0.1。给图片和广告预留尺寸即可避免。How much elements jump unexpectedly. Good: ≤ 0.1. Reserve sizes for images/ads to avoid it.
INP — 交互到下一帧（响应）INP — Interaction to Next Paint
用户点击/输入后页面响应的速度。优秀线：≤ 200 毫秒。靠精简脚本与分片渲染实现。How fast the page responds to a click/input. Good: ≤ 200ms. Via lean scripts & chunked rendering.
我们怎么稳定做到 95+How we hold 95+
- 静态生成与边缘缓存（CDN），首屏直出。Static generation + edge cache; first paint from the edge.
- 图片懒加载、现代格式（WebP/AVIF）与响应式尺寸。Lazy images, modern formats (WebP/AVIF), responsive sizes.
- 关键 CSS 内联，非必要 JS 延迟加载。Inline critical CSS; defer non-essential JS.
对业务意味着什么What it means for business
更快的网站 = 更低的跳出率、更高的转化，也更容易在搜索里排前面。性能不是工程细节，而是增长杠杆。Faster sites = lower bounce, higher conversion, better rankings. Performance isn't an engineering detail — it's a growth lever.