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

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

背景图替代 ：如果图片仅作为装饰，可考虑使用 CSS background-image，配合 background-size: cover 和固定容器尺寸，避免布局影响

本地复现 ：使用 Chrome 开发者工具（F12）中的“Performance”面板，模拟慢速网络（如 3G）录制页面加载过程，观察“Layout Shift”事件标记