累积布局偏移 (CLS)

累积布局偏移 (CLS) 指标衡量的是网站整体布局的稳定性。如果网站在页面加载时出现意外的布局偏移，可能会导致用户误操作和分心。

累积布局偏移 (CLS) 发生在 DOM 初次渲染后元素发生偏移的情况下。在这里，按钮在文本块之后渲染到屏幕上，导致文本块向下偏移。在计算 CLS 时，会考虑偏移的影响和距离。

只有当发生意外移动时，每个元素的单个布局偏移分数才会计入 CLS。如果向 DOM 中添加了新元素或现有元素的大小发生了变化，如果加载的元素保持其位置，则不会计入布局偏移。