Web Vitals 是 Google 为统一混乱的性能指标术语而推出的体系，分两层：核心的 Core Web Vitals（LCP、INP、CLS）是稳定指标，另有一批辅助实验指标帮助诊断——TTFB 衡量服务端首字节响应、FCP 衡量首个内容渲染、TBT 衡量主线程阻塞之和（与 INP 强相关）。生产环境用官方的 web-vitals.js 库，几行代码就能把真实用户的指标采集上报到后端。
采集到的真实数据应当按用户分群仔细分析：移动端与 PC 端、不同网络环境、不同地区分别观察，75 分位（P75）是 Google 评估站点的官方口径。指标监控只是手段，真正的目的是定位具体页面的具体性能瓶颈。需要强调的是，指标合格也不等于业务成功，还要结合停留时长、转化漏斗一起看，避免为了刷分过度牺牲正常的功能体验。
<script type="module"> import { onCLS, onINP, onLCP } from 'https://unpkg.com/web-vitals@4/dist/web-vitals.js'; onLCP(m => console.log('LCP', m.value)); onINP(m => console.log('INP', m.value)); onCLS(m => console.log('CLS', m.value)); </script>