性能方向前端岗必问。Google用这些作SEO排名信号，SEO敏感团队非常在意。
LCP（最大内容绘制）：最大可见元素绘制时间。目标<2.5s。优化：CDN、图片优化（AVIF/WebP）、SSR、preconnect。
INP（交互到下一绘制）：2024年3月取代FID。衡量所有交互响应。目标<200ms。优化：减少主线程JS（web worker、code split、延迟hydration）。
CLS（累积布局偏移）：视觉稳定。目标<0.1。优化：为图片/广告预留空间（显式width/height）、避免在已有内容上方插入、用`aspect-ratio` CSS。
度量：线上数据（RUM用`web-vitals`库）+实验室（Lighthouse）。Google排名看的是线上。
常见收益：懒加载首屏外图片（loading=lazy）、预加载LCP图、避免同步第三方脚本、控JS bundle预算。
三个指标：LCP（绘制速度）、INP（响应性）、CLS（稳定性）。最近一个项目LCP 4.2s——主因是首屏hero图等组件hydrate完才加载。我加了`<link rel="preload" as="image">`、转AVIF、CDN带responsive srcset，LCP降到1.8s。INP我会审计主线程——收益多来自大bundle拆分、非关键hydration延迟（React.lazy、islands）、hash/parse丢web worker。CLS多是傻问题：广告和图没预留高度。`width/height`属性或`aspect-ratio` CSS解决90%。三个指标我都上生产RUM；Lighthouse实验室分骗长尾。
INP于2024年3月正式Core Web Vital——FID已退休。资源早于2024还在讲FID就过时了。
PageSpeed Insights同屏展示实验室和线上数据——线上才影响SEO。
即答侠附了真实项目优化前后的数字——答起来像干过的，不是看过的。
2021起是的，作为相当页面间的破局因子。不是主因但不是零。
`web-vitals` NPM库+埋点。三方：Sentry、DataDog RUM、GA4。