Page 1 of 1

CLS 或累积布局偏移

Posted: Mon Jan 20, 2025 5:50 am
by Abdur14
图片:谷歌
一般来说,当主导航线程正忙于做其他事情,因此还无法响应用户时,就会发生输入延迟(也称为等待时间) 。

谷歌指出的另一个原因是浏览器正忙于由某些应用程序解析和执行大型 JavaScript 文件。

[推文《加载速度、交互性和视觉稳定性:#Google 提供良好用户体验的三大支柱》]

使用此指标,您可以根据可见网页内容的意外布局更改的数量来衡量视觉稳定性。在这个概念下,糟糕的用户体验的一个例子是,在没有警告的情况下,页面上的文本会移动,并且您无法在没有警告的情况下单击按钮或链接。

虽然在许多情况下,这种体验只是令人烦恼,但在 采购总监电子邮件列表 其他一些情况下,它们可能会导致严重的问题。

这种情况通常发生在资源异步加载时,或者正如 Google 声称的那样,元素被动态添加到页面现有内容之上。也许罪魁祸首是尺寸未知的图像或视频、在其保留范围内变大或变小的字体,或者动态调整大小的第三方小部件或广告。


图片:谷歌
使用这些工具,您可以提高网站的速度和整体性能。请记住,Google 将继续添加和修改指标,并将为您提供有关网站性能的自动反馈。使用这些包含改善页面用户体验的提示的报告。