Google Search Console 中的 CLS 分数较差，但 Cloudflare 或 Lighthouse 中则不然

Question

在仅针对移动设备的搜索控制台中查看核心网络生命周期时，

我的网站 mojiedit.com）的 CLS 分数很差（> 2.5）。然而，当我在 cloudflare 速度测试中查看移动统计数据或转到我的 chrome 浏览器并使用 Lighthouse 时，我的 CLS 非常棒。我看错了什么？我不确定我还能做什么。我已经优化了我能想到的所有内容，并使用 cloudflare 作为我的 CDN，并且正在使用 wp Rocket。

我的网站 mojiedit.com 在 Google Core Web Vitals 中获得了良好的 CLS 分数

Answer 1

在 PageSpeed Insights 中查看您的真实用户数据，我可以看到您的主页的 CLS 分数为 0.27，整个网站的 CLS 分数为 0.34：

向下滚动到 Lighthouse 的诊断数据，在综合测试中仅看到 CLS 分数为 0.008：

当由于用户交互而出现 CLS 问题时，可能会发生这种情况。综合测试不会像真实用户那样与页面交互，因此它们不会产生相同的布局变化，您会看到这样的低分。然而，用户遇到了用户体验问题，所以肯定有一些值得调查的事情。

此场景在 Optimize CLS 文档中进行了解释，该文档还描述了在本地和现场测量加载后 CLS 的后续步骤，以帮助您诊断布局变化的根源。