常见的 CLS 触发场景

当页面元素在加载过程中发❤️生意外位移时，不仅会降低用户阅读体验，也可能被百度搜索算法视为页面质量不高的信号

如何定位 CLS 的根源

动态插入元素 所有通过 JavaScript 插入的内容（包括弹窗、banner、信息提示）应在▶️占位区域内在 DOM 初始化时即定义好尺寸，避免在 DOMContentLoaded 之后再插入导致重排

1），不必再为了完全消除偏移而对所有细节做大幅改造，以免影响其他性能指标

使用百度移动端模拟测试，或直接在 3G、4G 典型速度下验证页面稳定性，能发现更多隐藏问题

总结

广告/嵌入内⭐容 为广告位预留固定尺寸的占位容器，且占位容器应有明确❤️高度，不要让第三方脚本自动撑开