优化CLS的关键步骤

动态注入的内容 ：例如后加载的广告、优惠券弹窗或社交分享按钮，可能将下方内容推挤移位

Lighthouse报告 ：无论是本地测试还是PageSpeed Insights在线工具，都会给出CLS的数值与优化建议

优化字体加载策略 使用font-display: swap或optional属性，并在CSS中预设font-size和line-height，使得后备字体占据的空间尽可能与目标字体接近

总结

Web Vitals扩展 ：浏览器插件可实时显示当前页面的CLS等核心指标

这样浏览器在加载资源前就能预留💎正确空间，避免后续重排