使用内容可见性属性会影响累积布局偏移 (CLS) 指标吗?

问题描述

我们网站上的页面的 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://www.godaddy.com

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.godaddy.com

还有人观察这个吗?灯塔测量 CLS 的方式可能存在错误?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)