李妙峰

每次元素在视口中可见位置发生变化时，浏览器会计算一个“偏移分数”，该分数由 影响比例🎯 （元素移动占据的视口面积）与 距离比例 （元素移动🤔的距离）相乘得出

预加载关键字💎体 ：通过 <link re🌟l="preload"> 提前加载字体文件，确保首屏渲染时就使用目标字体

三、实战监测与迭代流⭐程 修复 CLS 并▶️非一次性工作

核心指标CLS修复：从原理到实战

无尺寸的图🔍像与视频 最常见也是最易修复🎊的 CLS 来源

自定义字体引起的 FOIT/FOUT 网页字体加载完成前，浏览器会🎉使用后备字体渲染文本，当自定义字体下载完毕并替换时，文本占用的行高和容器尺寸可能变化，引发偏移