如何删除包含广告的网站上的CLS

Question

我已经阅读了所有关于CLS的文档，以及是什么使网站拥有CLS。我很难弄清楚是什么导致了用户的CLS。以及如何为给定的用户停止CLS。

我已经采取了正确的措施，以确保如果有一个高度和宽度，确保空间为广告，以确保没有任何变化的内容。

一个例子是这个页面，其中只有静态内容：https://www.nookfriends.com/cookie-policy

当我运行分页洞察力时，它在客户看到的字段数据中表示，CLS值为0.34，非常高：https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.nookfriends.com%2Fcookie-policy&hl=en_GB

有没有人能帮我找出造成这种转变的原因，以及我如何减少这一转变？

Answer 1

首先，确保阅读优化CLS指南中消除布局转移的一般最佳实践。

当我运行分页洞察力时，它在客户看到的字段数据中表示，CLS值为0.34，非常高：https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.nookfriends.com%2Fcookie-policy&hl=en_GB

小心!PSI中的字段数据对应于整个原点，而不是您测试的特定/cookie-policy页面。当没有足够的页面级数据时，PSI将返回到原始级数据。

由于您是站点所有者，我建议您进入搜索控制台的核心报告。该工具将帮助您识别哪些页面组存在CWV问题，并区分桌面和移动访问者。从那里，您可以准确地知道哪些页面存在CLS问题，并深入研究来自PSI的实验室建议。

我还建议在安装了网络扩展的情况下使用您的站点，这样您就可以实时地看到您的CWV指标如何随着用户交互(如滚动/单击)而发生变化。这是有帮助的，因为像PSI中的灯塔这样的工具不一定知道如何表现得像一个真正的用户，所以它们很难复制真实的CWV值。