Google页面速​​度见解和CLS

问题描述

在我的现场数据概览下,CLS值为0.98 而在什么情况下,我着眼于避免大型版式移位的描述-CLS贡献为0.004。

如何找出导致CLS的因素?

解决方法

嗨,Shreya,您需要使用 Chrome 单击右侧的 3 个点,然后转到更多工具,然后转到出现的屏幕中的开发人员工具,单击性能选项卡单击左侧的点,录制时它会变成红色它完成后你会得到一个橙色栏,上面写着 Layout shiftenter image description here 双击那个栏,它应该在这个例子中的 Summery 选项卡中为你提供更多信息,它提供以下内容

  1. 布局偏移警告累积布局偏移可能会导致糟糕的用户 体验。
  2. Score1.000
  3. 累计得分 1.000
  4. 最近有输入 否
  5. 从位置移动:[0,0],大小:[360x640]
  6. 移至位置:[0,0],尺寸:[360x640]
  7. 相关节点 li.velocity-animating::before