CLS

CLS 衡量：

页面加载过程中“元素乱跳”的程度

常见问题

（1）图片无尺寸

浏览器不知道大小 → 后加载 → 布局变化

（2）广告 / iframe

动态插入 → 挤压内容

（3）动态内容插入

在顶部插入内容 → 全部下移

解决方案

（1）固定尺寸 （2）预留空间

• skeleton
• 占位符 （3）避免非用户触发的布局变化