wordpress - 累积布局偏移

标签 wordpress user-experience usability cls

我正在尝试找出导致我的网站未能通过移动设备上的 Google 新核心值(value)观 CLS 测试的原因。

测试显示在测试结果分割中未发现任何元素,但显示需要改进,该网站的所有 22 个 URL 显示结果为 0.14,通过率为 0.10 或更低。

令我困惑的是,它在实验室测试中显示为没有 CLS,而在现场测试中显示为 0.14,每天都会更新,但晚了 1 天。

我尝试使用 Google 开发工具向我展示正在发生变化并导致其失败的元素,但我也找不到任何内容。

我想问的是,我怎样才能找到正在发生变化并导致问题的元素?

最佳答案

在 Chrome 中,您可以使用开发人员工具 > 更多工具 > 渲染 > 布局移动区域。 它将以蓝色突出显示移动区域。

记住要测试桌面和移动 View 。

关于wordpress - 累积布局偏移,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62172478/

相关文章:

javascript - WordPress 的 wp_enqueue_script 问题

javascript - 在 Wordpress 中运行 Java 脚本

wordpress - 如何在 woocommerce 的 rest API 中获取畅销产品和收藏夹产品?

javascript - 仅请求地理位置信息以响应用户手势?

usability - 为什么他们不在那么多地方?

php - 在主题的 functions.php 文件中获取订购的产品详细信息(ID、数量) - WooCommerce

php - 当Web应用程序中的查询失败时,如何正确响应?

flutter - 如何使用 Flutter 实现这个特定的滚动动画?

php - 将页眉和页脚分离到各自的文件中

user-interface - 您在网站中见过的最聪明的 UI 功能是什么?