张国维

CLS稳定：避免页面跳动的秘密 累计🎇布局偏移衡量页面内容的视觉稳定性

以下做法有助于控制布局偏移： 为🍀图片、视频和广告位明确设置宽高尺寸💎，避免资源加载后撑开页面

使用 transform 动画代替会导致重排的 width/height/top/left 属性变化

CLS稳定：避免页面跳动的秘密

与以往版本相比，此次升级更强调用户真实体验数据，尤其是页面加载交互与视觉稳定性的综合表现

预加载关键交互资源 ：对于按钮点击后需要加载的内容🎵，可提前请求或😎使用Prefetch提示

可以借助百度搜索资源平台✨的“体验诊断”工具💫，定期监控页面得分趋势

5秒 优化图片、移除渲染阻塞资源、服务端渲染 INP 🤔☀️≤200毫秒 拆分长任务、优化事件处理、预加载资源 CLS ≤0