google-pagespeed - Search Console 未验证 CLS 问题，我的 CLS 从过去 2 个月开始为零
问题描述
我的网站 CLS 分数在过去两个月的谷歌页面速度洞察实验室数据中为零，我从搜索控制台验证了两次，它一次又一次地失败，任何人都可以让我知道可能是什么问题？
https://imperialrooms.co.uk/products/crushed-velvet-3-piece-beige-bedspread
解决方案
我认为关键在于 Search Console 如何测量 CLS 数据。FID 和 LCP 仅在页面加载时测量，而 CLS 在整个用户会话中测量。这就是为什么您可以获得或多或少准确的 FID 和 LCP 实验室数据，但可以发现 CLS 在实验室和现场数据之间存在巨大差异。
您可以在此处阅读有关如何进行 CLS 测量的更多详细信息：https ://web.dev/evolving-cls/ 。
我的建议是使用Chrome 的 Performance Devtool来记录会话，然后尽可能多地与页面中的内容进行交互。这样，您将能够检测到用户交互引起的任何 CLS。
但是，即使不分析您的页面，我也可以看出您的评论和“您可能还喜欢”部分会导致巨大的 CLS，因为它们需要相当长的时间才能准备好，并且它们会在加载时推送下面的内容。考虑使用 CSS 为它们保留必要的空间，例如，通过为容器设置最小高度值。