零布局偏移是一个指标，用于衡量在网页加载过程中内容是否会发生意外的移动或变形。当网页被加载时，如果页面的元素因为加载过程而发生位置变化，用户可能会感到困惑或破坏了原本的使用体验。零布局偏移的目标是确保加载过程中页面元素的位置保持稳定，不发生意外的移动或变形。
为了实现零布局偏移，开发人员需要在网页的加载过程中，使用适当的布局技术和加载顺序。例如，可以通过指定元素的尺寸和位置来保持布局的稳定性，避免动态加载内容导致的位置变化。另外，可以使用CSS动画或过渡效果来使内容出现与消失，而不是突然出现或消失，从而减少布局偏移的可能性。
Google提出了一项衡量零布局偏移的指标，称为CLS (Cumulative Layout Shift)。它计算了在整个加载过程中，可见部分的累计布局变化。CLS的目标是小于0.1，即页面加载过程中布局变化的总和小于屏幕面积的10%。
通过关注零布局偏移和最小化CLS，开发人员可以提供更好的用户体验，确保网页在加载过程中不会产生不必要的视觉干扰或破坏原有布局。