文章内容
2020/9/7 15:05:23,作 者: 黄兵
CLS 问题：超过 0.25（桌面设备）
最近在发布Angular程序之后，运行一段时间，google search console提示：
CLS 问题：超过 0.25（桌面设备）
具体截图如下所示：
出现这个问题的原因：
您是否曾经在页面上突然发生变化时在线阅读文章？在没有警告的情况下，文字移动了，并且您失去了位置。甚至更糟：您将要点击一个链接或一个按钮，但是在手指落下的瞬间（BOOM），链接移动了，您最终单击了其他东西！
也就是说，在页面加载的时候，出现了较大的位移，多出现在ajax加载的情况。
解决方案：
在开始的时候定义最低高度。
参考资料：
1、Cumulative Layout Shift (CLS)
黄兵个人博客原创。
转载请注明出处：黄兵个人博客 - CLS 问题：超过 0.25（桌面设备）
九凌网络 on 回复 有用（0）
这个问题很麻烦，很难处理。楼主的方法可以多试试。
游客qZ,m on 2022-08-03 16:32:45
博主回复：是的，这个问题比较难解决，尤其是页面上较多 ajax加载内容的情况下，更是如此。