问题描述
我们网站上的页面的 CLS 始终接近于零。这是有道理的,因为它们是服务器呈现的 HTML 页面,具有简单的静态布局。
最近我们添加了 content-visibility: auto per below(仅添加到非折叠部分):
https://web.dev/content-visibility/
section {
content-visibility: auto;
contain-intrinsic-size: 1000px;
}
这在浏览器中没有明显影响,但根据开发工具“性能”选项卡、chrome 灯塔测量和在 webwebtest.org 上的重复运行,对绘制/渲染指标产生了预期的显着好处
但是,我们注意到在 Google 页面速度洞察的实验室数据部分中,累积布局偏移 (CLS) 从 0.006 急剧增加到 1.000+:
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.godaddy.com
还有人观察这个吗?灯塔测量 CLS 的方式可能存在错误?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)