发布时间:2025 年 10 月 8 日
当元素在没有任何用户互动的情况下移动位置时,就会发生布局偏移。调查布局偏移的原因,例如在网页加载时添加、移除元素或元素字体发生了变化。
该数据洞见可能会对观察到的布局偏移的原因做出最佳猜测。如需深入了解,请探索“性能”面板中的布局偏移轨道。即使系统未建议任何问题原因,也可以缓解所有布局偏移。
如何传递此分析洞见
具有“良好”(0.1) 或更佳的 CLS。
以下是一些导致布局发生变化的常见原因:
- 未设置尺寸的图片
- 注入的 iframe(例如来自广告的 iframe)
- 未优化的动画
- 网页字体 - 无样式文本闪烁 (FOUT) 或不可见文本闪烁 (FOIT)