布局偏移原因

Connor Clark
Connor Clark
X GitHub

发布时间：2025 年 10 月 8 日

当元素在没有任何用户互动的情况下移动位置时，就会发生布局偏移。调查布局偏移的原因，例如在网页加载时添加、移除元素或元素字体发生了变化。

该数据洞见可能会对观察到的布局偏移的原因做出最佳猜测。如需深入了解，请探索“性能”面板中的布局偏移轨道。即使系统未建议任何问题原因，也可以缓解所有布局偏移。

如何传递此分析洞见

具有“良好”(0.1) 或更佳的 CLS。

以下是一些导致布局发生变化的常见原因：

  • 未设置尺寸的图片
  • 注入的 iframe（例如来自广告的 iframe）
  • 未优化的动画
  • 网页字体 - 无样式文本闪烁 (FOUT) 或不可见文本闪烁 (FOIT)

其他参考资料