减少与广告相关的布局偏移
概览
Cumulative Layout Shift 通过使用 Layout Instability API 来衡量用户可见的布局偏移的总量,方法是汇总广告 iframe 发生布局偏移或导致布局偏移的所有布局偏移的布局偏移得分。
建议
此指标不代表具体问题。它应该用于帮助找出有待改进的领域并跟踪一段时间内的改进。
为避免布局偏移,请务必在广告代码加载之前为广告元素设置尺寸。这种做法可能很难实现或无法完美实现(尤其是对于接受动态尺寸广告的广告位),但在大多数情况下,您可以遵循一些最佳做法来尽可能减少布局偏移。如需了解详情,请参阅 GPT 开发者网站上的与尽可能减少布局偏移有关的指南。
Cumulative Layout Shift (CLS)
优化 Cumulative Layout Shift
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-06-26。
[null,null,["最后更新时间 (UTC):2024-06-26。"],[[["Cumulative Layout Shift (CLS) quantifies the total visual instability caused by ad iframes shifting or inducing layout changes, using the Layout Instability API and layout shift scores."],["This metric helps pinpoint areas for improvement and track progress rather than diagnosing specific issues."],["Minimizing layout shift is crucial and involves pre-setting ad element sizes, though achieving perfection is challenging, especially with dynamic ads."],["Refer to the GPT developer guide for best practices in minimizing layout shift for most scenarios."]]],["Cumulative Layout Shift (CLS) measures user-visible layout shifts, specifically those caused by or involving ad iframes. It uses the Layout Instability API and sums the layout shift score. Recommendations include setting sizes for ad elements before loading to minimize shifts. While perfect prevention is difficult, especially for dynamically sized ads, best practices are suggested. This metric helps track improvements, not pinpoint issues. Resources are available for further optimization and guidance.\n"]]