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

问题描述

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

解决方法

你可以使用 Minify JSCSS 你可以在这里找到它:matthiasmullie | minify

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

,

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

  1. 使用 Google Page Speed Insights 测试您的网站:https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Findiabazaaronline.com%2F

  2. 点击每个“机会”并提出任何具体建议。

  3. 在“查看树状图”下方,选择“显示与以下各项相关的审计:CLS”并提出任何具体建议。例如,选择“Avoid Large Layout Shifts”可确定哪些 DOM 元素特别导致您的布局发生变化。

,

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