【问题标题】:How can i fix Cumulative Layout Shift (CLS) errors in search console如何修复搜索控制台中的累积布局移位 (CLS) 错误
【发布时间】:2021-03-04 08:12:38
【问题描述】:

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

【问题讨论】:

    标签: css responsive opencart2.x google-search-console cumulative-layout-shift


    【解决方案1】:

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

    如果您不知道如何使用此链接,可以将图像格式更改为WEBPhttps://stackoverflow.com/a/66439288/7660119

    【讨论】:

      【解决方案2】:

      改进 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 元素会导致您的布局发生变化。

      【讨论】:

        【解决方案3】:

        在图像中指定宽度和高度,如果有属性 loading="lazy" ,请删除它。这对我有好处。

        【讨论】:

          猜你喜欢
          • 2022-07-23
          • 1970-01-01
          • 1970-01-01
          • 2021-05-28
          • 2020-12-31
          • 1970-01-01
          • 2021-08-15
          • 2017-01-25
          • 2021-05-15
          相关资源
          最近更新 更多