首页 > 解决方案 > 请问我可以帮助我理解 Core Web Vitals CLS 吗?

问题描述

我在这个网站上的 Core Web Vitals CLS 指标有点问题:https ://www.digitalcitizen.ro (WORDPRESS),尤其是在测试移动设备时。

Wordpress 和我所有的插件都更新到了最新版本。

所以让我们以这个链接为例:https ://www.digitalcitizen.ro/5-metode-de-afla-adresa-ip-locala-routerului-tau-wireless/ 。

此链接的页面速度洞察报告显示我的分数为 69,并且我的 CLS 为 0.11(https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww. digitalcitizen.ro%2F5-metode-de-afla-adresa-ip-locala-routerului-tau-wireless%2F&tab=mobile )

我查看了很多关于这个主题的文章,共识似乎是我需要为我的图像设置明确的尺寸,我这样做,没有粘性标题,我没有,不使用动画,我也没有。我们还为所有文章中的广告块设置了明确的尺寸。

我用来记录自己要做什么的文章是https://web.dev/cls/https://www.paulhoda.co.uk/how-to-fix-cls-issue-more-than-0 -25-移动/

现在我对我们目前在 WordPress 上使用的https://amp-wp.org/插件有疑问。这可能是罪魁祸首吗?该插件将 all 和 any 包装<img>在一个<amp-img>标签中,就像这样<amp-img><img></amp-img>,并将 AMP 特定属性广告到这些标签中。

有人知道如何在当前设置上改进 CLS 吗?

谢谢!

标签: wordpressamp-htmlcore-web-vitals

解决方案


推荐阅读