lei ji bu ju pian yi

累计布局偏移

累计布局偏移是用来衡量页面在加载或交互过程中元素意外移动的程度的一个指标。它计算页面上那些未预期的视觉变化所造成的总位移量，这些位移会让用户感到界面不稳定或发生跳动。常见导致位移的情况包括图片或广告没有预留空间、动态插入内容、字体加载导致文本重新排版等。 这个指标很重要，因为频繁的布局移动会破坏用户的阅读流和操作体验，甚至导致误触按钮或丢失正在输入的内容。减少布局偏移的方法包括为图片和广告等元素指定尺寸或占位空间、避免在已渲染区域插入新内容、对字体加载采取渐进策略以及使用 transform 来移动视觉元素而不改变文档流。保持页面稳定不仅让用户感觉更可靠，也有利于提高可用性和信任感。