问题描述
在我的现场数据概览下,CLS值为0.98 而在什么情况下,我着眼于避免大型版式移位的描述-CLS贡献为0.004。
如何找出导致CLS的因素?
解决方法
嗨,Shreya,您需要使用 Chrome 单击右侧的 3 个点,然后转到更多工具,然后转到出现的屏幕中的开发人员工具,单击性能选项卡单击左侧的点,录制时它会变成红色它完成后你会得到一个橙色栏,上面写着 Layout shift 双击那个栏,它应该在这个例子中的 Summery 选项卡中为你提供更多信息,它提供以下内容
- 布局偏移警告累积布局偏移可能会导致糟糕的用户 体验。
- Score1.000
- 累计得分 1.000
- 最近有输入 否
- 从位置移动:[0,0],大小:[360x640]
- 移至位置:[0,0],尺寸:[360x640]
- 相关节点 li.velocity-animating::before