优化CLS：杜绝页面突然“跳一下”

另外， 服务器响⚡应时间 也是LCP的隐形杀手

CLS高分的主要原因包括：未明确尺寸的图片和视频、动态注入的广告🎆位、自定义字体引起的布局变化

要稳定布局，☀️可以： 为所有多媒体元素预留空间 ：在img、video或iframe上始终加上 width 和 height 属性，或者使用现代CSS的 aspect-ratio 属性

优化LCP：让主要内容更快呈现

累计布局偏移（CLS） 🎊则看页面内容在加载过程中是否突然跳动，得分应小于0

减少DOM复杂度 ：过深的DOM树和大量事件监🔥听器会拖▶️慢交互响应

从指标到用户体验

精简CSS与JavaScri🔑pt ：剔除阻塞渲染的外部样式表和脚本，或者将它们内联到HTML中