如何修复搜索控制台中的累积布局偏移 (CLS) 错误

如何解决如何修复搜索控制台中的累积布局偏移 (CLS) 错误

我有一个网站 indiabazaaronline.com，它在谷歌搜索控制台中显示累积布局偏移（CLS）问题 >.25 错误。因此，我们最近失去了 50% 的自然展示次数和点击次数。我不知道这将如何解决。任何将导致解决此问题的线索或教程都将受到高度赞赏。我尝试删除粘性导航标题，但仍然存在相同的错误。

解决方法

你可以使用 Minify JS 和 CSS 你可以在这里找到它：matthiasmullie | minify

对于图片，如果您不知道如何点击此链接，您可以将图片格式更改为 WEBP：https://stackoverflow.com/a/66439288/7660119

改善 CLS 没有一个正确的答案。相反，您需要运行页面速度测试并解决您网站特有的问题。

使用 Google Page Speed Insights 测试您的网站：https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Findiabazaaronline.com%2F
点击每个“机会”并提出任何具体建议。
在“查看树状图”下方，选择“显示与以下各项相关的审计：CLS”并提出任何具体建议。例如，选择“Avoid Large Layout Shifts”可确定哪些 DOM 元素特别导致您的布局发生变化。

在您的图像中指定宽度和高度，并删除属性 loading="lazy"（如果有）。这对我很有好处。