LCP <2.5s
首图 preload、字体 display:swap、边缘缓存 HIT。WebTagr LCP 0.9s。
INP <200ms
拆长任务、事件委托、Tailwind CDN 改为本地构建。
CLS <0.1
图片定宽高、骨架屏、避免 FOUC。
PerformanceObserver('largest-contentful-paint')去哪看分数
PageSpeed Insights 看实验室分，GSC 的核心网页指标看 28 天真实用户聚合。实验室用来定位问题，真实数据才是排名依据。
常见翻车案例
轮播大图未压缩吃掉 LCP、聊天插件阻塞 INP、字体替换导致 CLS 跳动——三者占慢站成因的八成，先查这三处。
优化检查清单
- 首图 preload + 定宽高，其余懒加载
- 第三方脚本全部 defer/async
- 长任务拆分、列表事件委托
- 真机复测确认三指标全绿
相关阅读：网站提速 10 步清单 · 图片优化 · 12 步压绿清单