优化CLS的常见方法

使用font-display: swap或optional ：在字体加载前先以系统字体显示文本，加载后切换，但需确保两种字体度量相近

使用构建工具时，可配置CSS的 contain: layout 属性，从💯根源上隔离某些区域的布局影响

综合建议：从项目初期就重视布局稳定

为图片与视频明确设置尺寸 页面中未指定宽高的图片或视频，是造成布局偏移的首要原因

现代浏览器会利用这些属性计算宽高比，提前保留位置

测量与持续监控CLS 优化后需要通过工具验证效果

测量与持续监控CLS

避免在现有内容上方插入元素 ：若必须插入，提前为该元素预留足够空间，或使用动画过渡让用户感知变化