如何检查你的CLS分数？

你可以使用百度站长平台或⚡Chrome浏览器自带的Lighthouse工具来检测

CLS修复全攻略：五个常见场景与解决办法

CLS修复☀️全攻略：🔑五个常见场景与解决办法 1

为图片和视频指定尺寸 页面加载时，如果图片或视频没有明确的高度和宽度，浏览器在它们加载完成前会预留0像素📚空间，加载完成后才会突然分配空间，导致下方内容被“挤下去”

推荐： 只使用transform和opacity 进行动画🎆，这两个属😎性不会触发布局变化