商品图出现后文字下移、评论加载后按钮换位置、字体替换后标题多一行，都可能造成布局偏移。先记录哪一刻、哪些内容移动，再追到引发它的元素。工具标出的被移动段落可能只是受影响者，真正原因在它上方。
CLS不是整页所有位移简单相加
CLS定义采用布局偏移会话窗口：连续偏移之间间隔小于1秒，单个窗口最长5秒，取累计分数最大的窗口。良好为≤0.1，差为>0.25，现场按第75百分位并区分设备查看；分数无单位。
用户输入的排除条件也有限：由合格的离散输入引起、在500毫秒内发生的偏移可以被排除。不能把“用户点击过”当成以后所有偏移都不计；滚动和悬停不属于这一排除条件，异步响应过晚也可能计入。视觉可用性仍要实际检查，即使某次位移没有进入分数。
从偏移记录追到原因
录制加载与后续操作，查看Performance中的Layout Shifts、时间、分数及受影响元素。再检查上方新插入的内容、容器尺寸、图片、字体和应用。web.dev排查指南提醒：普通Lighthouse加载测试可能漏掉后续偏移，现场数据还可能包含iframe等脚本难以完整测量的情况。
| 来源 | 可尝试的处理 | 还要核什么 |
|---|---|---|
| 图片、视频或响应式替换 | 正确width/height或稳定比例 | 各断点资源实际比例，picture/source变化 |
| 评论、推荐和嵌入内容 | 按真实布局预留空间 | 未返回内容、内容更长和不同设备时的表现 |
| 字体替换 | 选择合适备用字体，按需匹配字体度量 | 换行、行高、字形与可读性 |
| 异步公告或弹层 | 预留布局空间或采用合理浮层方式 | 焦点、关闭、按钮遮挡和滚动操作 |
预留空间不是随手写死一个高度
图像按真实比例预留，手机改裁切时要核对应source尺寸。未知长度内容可根据实际条件设置合理最小空间，但应允许增长；过小仍会跳，过大可能留下不必要空白。空内容返回后突然折叠占位，也会引发另一轮移动。
把公告改成浮层可能减少对文档流的推挤，但如果挡住加购或无法键盘关闭，体验仍然有问题。对客服、同意管理及追踪相关组件，应先确认用途和改动范围，不能为了CLS分数直接删除。
应用与字体问题要各自定位
第三方域名、请求发起链和实际DOM可帮助找到应用来源；相同域名可能服务多个功能，不能凭域名就删文件。应用关闭对照只能作为定位手段，正式处理还要核功能依赖，具体见第三方脚本归属。
font-display:swap会让文字较早可见，但不保证字体替换时零位移。匹配备用字体的字宽、上升/下降度量及行间距，并检查实际文本；预加载字体也要有用途，不能对所有字重都预加载。
改完应覆盖页面后半程
在相同页面和设备条件下复测加载，再滚动到延迟内容、切换商品选项、打开相关控件，核实际发生的偏移和可操作性。单次加载CLS为0，只能说明那次记录范围内的结果；现场URL与源站数据也不能混用，按性能数据范围继续观察。
如果问题来自主题结构调整，按换主题检查保存旧版本与受影响页面。把“查到原因、修复代码、公开页面通过、现场表现改善”分别记录，才能知道还有哪一步未完成。