累积布局偏移（CLS）指标是衡量网站整体布局稳定性的一个标准。网站在页面加载时意外发生布局偏移，可能导致用户意外操作错误和分心。

累积布局偏移（CLS）发生在元素最初由 DOM 渲染后发生偏移时。例如，当一个按钮在文本块之后渲染到屏幕上时，会导致文本块向下移动。计算 CLS 时会考虑影响和距离的组合。

只有当发生意外移动时，每个元素的单独布局偏移分数才会计入 CLS。如果新元素添加到 DOM 或现有元素更改大小，只要已加载元素保持其位置，就不计入布局偏移。

延伸阅读

• Google：累积布局偏移文档
• Vercel：博客：Core Web Vitals - 累积布局偏移