技术   约 60 分钟 · 4 个验收动作

Core Web Vitals：先定位瓶颈，再动手

按 LCP、INP、CLS 调整实际影响体验的因素。

实际场景
官方常用良好阈值：LCP ≤2.5秒、INP ≤200毫秒、CLS ≤0.1（按 75 百分位评估）。
操作方式：照着完成一个动作 → 保留结果 → 勾选完成。这里给出的工具和政策以实际官方界面为准；模拟情景不代表真实客户结果。

逐步照做

1

打开 PageSpeed Insights 测移动端 URL，区分真实用户字段数据与实验室模拟数据。

验收：记录测试日期、设备与主要瓶颈，注明数据来源类型。

卡住怎么办：新站无 CrUX 字段数据很常见，不得把缺失当成满分。

2

检查 LCP 元素：主图过大、字体阻塞、服务器慢或过多 JS。

验收：找到一个明确 LCP 元素或关键网络资源，写出修复方向。

卡住怎么办：不能自己改后端时先优化首页图片和前端资源。

3

针对 INP 减少长任务、重 JS；针对 CLS 给图片占位、避免动态插入内容。

验收：至少完成一个明确的代码/配置改动。

卡住怎么办：不要用动画效果掩盖明显性能回退。

4

变更后用相同测试条件复测，记录实验室指标；字段指标需积累真实流量。

验收：有前后数字和条件说明，不夸大为自然搜索直接增长。

卡住怎么办：若误差大，重复多次测并看中位数趋势。

本章交付物

有前后数字和条件说明，不夸大为自然搜索直接增长。

核验资料

← 上一章下一章 →