add*_*dyo 3

PageSpeed Insights (PSI) 和 Search Console 报告累积布局变化的方式存在一些细微差别。PSI 的实验室部分(Lighthouse)测量 CLS,直到 Lighthouse 认为页面已完全加载。它不会测量超出页面加载的情况。

在此输入图像描述

Search Console 和 PSI 的字段部分使用Chrome 用户体验报告数据并测量 CLS,直到卸载,在页面隐藏后停止报告(即,这包括页面加载之外的 CLS)。这意味着您在不同工具中看到的报告可能会根据我们能够查看的时间窗口而有所不同。

在此输入图像描述

像 Lighthouse 这样的实验室工具必须定义更短的窗口,因为它们专注于页面加载期间的体验,并进行优化以快速提供有关体验的信息。现场数据能够更全面地了解用户体验,其中可能包括页面加载后以及用户向下滚动到有助于 CLS 的其他交互后引起的变化。