0

在我的现场数据概览下,CLS 值为 0.98,而当我查看避免大布局变化的描述时 - CLS 贡献为 0.004。

如何找出导致 CLS 的因素?

4

1 回答 1

0

嗨 Shreya,您需要使用 Chrome 单击右侧的 3 个点,然后转到更多工具,然后转到出现的屏幕中的开发人员工具单击性能选项卡单击左侧的点,当它完成录制时它会变成红色得到一个橙色条,上面写着 Layout shift在此处输入图像描述双击该条,它应该在此示例中的 Summery 选项卡中为您提供更多信息,它提供以下信息

  1. 布局偏移警告 累积布局偏移可能会导致糟糕的用户体验。
  2. 得分1.000
  3. 累积分数1.000
  4. 最近有输入 否
  5. 移动位置:[0,0],尺寸:[360x640]
  6. 移动到位置:[0,0],尺寸:[360x640]
  7. 相关节点 li.velocity-animating::before
于 2021-02-03T11:16:17.897 回答