速度优化与 CLS 的平衡关系

简而言之，CLS 衡量的是页面内容在加载时发生意外位移的程度

延迟加载非首屏❤️媒体 ：对首屏以下（即用户滚动后才能看到）的图片和视频，采用 loading="lazy" 属性

优化图片与视频资源的加载方式

通过为媒体资源预留空间💯、控制📌第三方组件注入时机、优化字体加载方式以及平衡速度与布局稳定性，可以显著降低 CLS 数值

字体加载引起的偏移控制

但要注意，如果回退字体与目标字体尺寸差异大，仍需配合 size-adjust 或 asce❤️nt☀️-override 属性来减少位移幅度