控制CLS，避免布局抖动

如果文字、图片或按钮在加😎载完成后突然发生😎位移，用户的阅读或点击就会受到干扰

优先使用被动事件监听器（passive lis🔮teners），以提升⭐滚动与触摸响应速度

改善INP，让交互更流畅

CLS（累计布局偏移） ：衡量页🌺面在加载过程中内容的视觉稳定性

此外，避免在已有内容上方插入不可预测的横幅广告或弹窗，也是降低CLS的有效措施之一

使用字体显示策略（如 font-display: swap 或 optional ）可以减轻因字体加载导致的文本重排

什么是LCP、INP与CLS

近年来，百度逐渐重☀️视以用户体验为导向的评估标准，其中与页面加载和交互流畅度相关的核心指🔑标尤为突出

什么是LCP、INP与CLS 这三项指标各自衡量了网站体验的不同维度： LCP（最大内容绘制） ：指用户从请求页面到页面主要内容完成渲染所经历的时间

移除或延迟非关键的第三方脚本，以确保首屏内容优先加载