PageSpeed Insights - 现场数据的 CLS 没有改善

问题描述

我们在 20 天前实施了 CLS 优化,当时的实际值(实验室数据)是完美的。 现场数据上的 CLS 则不同。它正在改善,但非常非常缓慢。如果它是在 28 天内计算出来的,那么我们可能会看到更好的值。
我们从 1.06 的 CLS 开始,现在我们是 0.68。我电脑上的实验室数据显示 CLS 为 0.001 有什么方法可以验证现场数据计算吗? 还是有其他原因我没有看到?谢谢。

解决方法

首先,20 天后 CLS 从 1.06 下降到 0.68 是好的,您应该稳定在 0.5 左右,这是一个很大的改进。

很遗憾,您遇到 CLS 问题的原因是您在某处仍然存在问题。

您看到综合实验室测试仅测量 2 种特定屏幕尺寸下 CLS 的初始页面加载

字段数据测量直到页面卸载每个屏幕尺寸

所以您的问题要么是在页面下方,要么是由与测试屏幕尺寸不同的 CLS 引起的。

当您“最大化”综合测试时,this answer I gave may help you identify CLS issues 中的建议涵盖了使用开发人员工具进行测试的 2 种方法以及如何跟踪真实世界数据(我认为最好的方法)以帮助缩小范围原因。