csl gray label 在 Google Pagespeed Insight 中的影响

Question

灰色 csl 标记是否会影响用户基于 28 天的整体 csl 评级，还是灰色标记仅是建议性的？

[1]： https://i.stack.imgur.com/LNWO6.png - 28 天的 csl 费率 [2]： https://i.stack.imgur.com/XcYTm.png - 灰色标记 csl

Answer 1

灰色标记用于不影响分数但对诊断有用的事物/查看影响分数的事物的根本原因。

但是，在第一个屏幕截图中，您确实需要解决大约 30% 的用户的 CLS 问题。

现在，在不知道您的网站有哪些动画（以及它们是否甚至导致布局转换：）的情况下，我能做的最好的事情就是提供几个资源链接来解释如何解决合成动画问题：

坚持仅合成器属性并管理层数 - web.dev

高性能动画 - HTML5 岩石

希望他们能帮助您解决该问题。

至于查找 CLS 的原因，您应该在开发人员工具中运行性能跟踪，有一个 Layout Shifts 部分（通常靠近顶部）可以帮助您找到它们。

您可以在此问题中找到有关此技术和其他一些技术的信息