CLS 布局偏移怎么修复

快速答案

给图片、广告和 iframe 预留尺寸，避免异步内容把页面顶开。

html

img { width: 100%; height: auto; aspect-ratio: 16 / 9; }

使用要点

先用真实页面测量 LCP、INP 和 CLS，再决定压图、预加载或拆脚本。
首屏关键图片不要懒加载，异步内容要预留尺寸。

相关内容

301 和 302 重定向怎么选 301 和 302 重定向怎么选：永久迁移用 301，临时活动或 A/B 测试用 302。包含处理方向、验证方式和相关 SEO、建站工具入口。
404 页面会影响 SEO 吗 404 页面会影响 SEO 吗：少量正常 404 不会伤害整站；重要旧 URL 应做 301 到新页面。包含处理方向、验证方式和相关 SEO、建站工具入口。
AdSense 首次审核要注意什么 AdSense 首次审核要注意什么：保证有原创内容、清晰导航、隐私政策和稳定访问，不要只放空工具壳。包含处理方向、验证方式和相关 SEO、建站工具入口。
内链锚文本应该怎么写内链锚文本应该怎么写：锚文本描述目标页主题，避免大量使用“点击这里”。包含处理方向、验证方式和相关 SEO、建站工具入口。
面包屑结构化数据怎么写面包屑结构化数据怎么写：用 BreadcrumbList 标明层级和 URL，和页面导航保持一致。包含处理方向、验证方式和相关 SEO、建站工具入口。
面包屑导航有必要吗面包屑导航有必要吗：内容层级多的网站建议加，能帮助用户和搜索引擎理解结构。包含处理方向、验证方式和相关 SEO、建站工具入口。