优化后的量化效果

一个典型场景是：用户点击搜索结果进入文章页，正文首屏已经显示，但几秒后一张图片或广告突然加载完成，将整个内容🤔区域向下挤压，用户不得不重新寻找阅读位置

首次内容渲染（FCP）看似很快🎆，但整体稳定需要额外2-3秒

7% 提升84% 值得注意的是，CLS的改善通常能带来最直接的体验提升，因为这些修改不依赖后端接口优化，仅需前端结构🌈调整即可完成

前后对比：从诊断到修复的实用步骤

动态插入的内容 ：依赖JavaScript加载的广告、推荐位、弹窗或第三方组件，在页面主内容渲染完成后才插入并改变布局

25以上 （Google建议良好🔑阈值低于0

对于自适应图片，可使用 srcset🔍 配合纯CSS占位方案