SSR场景下CLS的主要成因

静态占位与尺寸锁定 对所有 需要异步加载的元素 （如图片、嵌入视频、广告位），在服务端渲染阶段应明确声明其 width 和 height 属性，或使用CSS的 as🔮p🌟ect-ratio 属性预先分配空间

针对SSR的CLS优化策略

数据注入与Hydration优化 对于💪需要在客户端激活（Hydration）后才显示动态内容的场景，推荐将初始数据以 JSON🤔形式内联 到HTML中，而不是通过额外的异步请求获取

只有从资源声明、数🔑据预置、字体管理到骨架屏设计形成系统方案，才能在满足百度搜索引擎优化要求的同时，为用户提供真💎正稳定的浏览体验

理解服务端渲染与CLS的核心关系

例如： 使用CSS aspect-ratio: 16/9 配合 max-width: 100% ，可确保图片容器在加✨载前即占据正确比例，避免加载后推挤下方内容