第四步：稳定 CLS，防止页面布局跳动

分析核心指标：LCP、FID 与 CLS 的含义与作用 在开始优化之前，需要明确三个关键指标： LCP（最大内容绘制） 衡量页面主要内容加载速度； FID（首次输入延迟） 反映交互响应能力； CLS（累计布局偏移） 评估视觉稳定性

第六步：持续迭代与渐进式优化

5 秒； FID 是🚀否大于 100 毫秒； CLS 分数是否高于 0

要注意的是，LCP 优化不应影响🔍内容准确性

可采取以下措施： 代码分割与按需加载 ：将非必要 JS 脚本标记为 defer 或 async ，延迟执行； 长任务拆分 ：使用 requestAnimationFrame 或 setTimeout 将超过 50 毫秒的 JavaScript 任务拆分成小块； 减少第三方脚本 ：检查广告代码、统计脚本等第三方工具，移除或延迟不必要的加载