问题标签 [cls]

在 Google PageSpeed Insights 中，收到很多警报作为不支持的 CSS 属性。

避免未合成的动画 未合成的动画可能会很卡顿并增加 CLS。

不支持的 CSS 属性：font-weight 不支持的 CSS 属性：color 不支持的 CSS 属性：margin-right 不支持的 CSS 属性：font-size 不支持的 CSS 属性：background-position-y 不支持的 CSS 属性：background-position-x 不支持的 CSS 属性：margin-底部 。. . 很快..

还附上图像： 警报的屏幕截图

我的移动菜单切换（最小高度：52px）导致 CLS。菜单稍后出现（它只是一瞬间）。我已经尝试了我想到的所有东西（WP Rocket 中的关键 CSS 和自定义 CSS），但它不起作用。我怀疑这是“延迟加载”或其他东西的 .sub-menu-toggle 项目。我有两个禁用和启用.sub-menu-toggle 显示的屏幕截图，看起来就像在移动设备上发生的事情。我很想知道是否有人对此有解决方案！

网站：vegarecepten.com

众所周知，Google 将在下个月推出新的Core Web Vitals 更新，我担心我的网站WishesPlus的红色 CLS 为 0.33，这对搜索引擎的排名不利。请尽快帮我解决这个问题。

使用 CLS 验证器 (PageSpeed Insights) 有时我得到 0,259 值，5 秒后（使用相同的 url）我得到 0,008。这怎么可能？？？

编辑：我意识到这可能是与位置相关的问题。但不知道如何编辑它，改成粘性的、绝对的、固定的伤害大于帮助。edit2：页面是主页，https ://credence.co.uk

我一直在为 Lighthouse 优化一个网站，一切都很好，但 CLS 很糟糕，几乎完全是由审计的一部分引起的：

灯塔报告：CLS 焦点

我不确定是什么原因造成的。我看到它首先加载，但它上面的画廊图像加载之后，这似乎导致它重新加载，从而导致 CLS？这可能是延迟加载的问题吗？或者可能是由于“从上而下”？

以下是相关部分的完整 HTML 代码：

http://www.briddles.com/riddle/halloween-equation

我知道图像的高度和宽度。（http://www.briddles.com/images/riddles/Good-Halloween-Equation-Brain-Teaser-2238.jpeg）

我也将图像显示为

最大宽度：100% 高度：自动。

现在我有一个问题：我可以定义高度而不是自动来避免 CLS 吗？

我的目标框架是 .NET 5，应用程序类型是控制台。我使用 Visual Studio 2019 版本 16.10.1 作为 IDE。如果我在 C# 代码中使用 CLSCompliant 提示并故意违反 CLS 合规性，我想看看是否确实收到警告。由于未在 CLS 中指定，因此通过引用 UInt32 类型的变量来实现违规。但似乎我没有收到任何错误或警告。

这是代码： -

我是否必须为此更改一些 IDE 设置才能显示与 CLS 相关的警告？

我已经阅读了这些脚本 如何从 Firebase 实时数据库中导出数据？

但是这种方法允许我从指定的 URL 下载整个数据。

就我而言，我只想从“https://*****.firebaseio.com/aaa/bbb/ccc”下载，我该如何下载这些数据？

提前致谢。

'Cls' 或 'clear' 命令在我的 Windows VSC 控制台中不起作用。当我在 VSC 中使用鼠标滚动终端时，线条仍然很多。对我有什么建议吗？谢谢

我正在尝试运行我的网站，但我仍然为一个问题而烦恼。例如，我的网站和这些类似：https : //www.imeteo.sk/clanok/streda-prinesie-teple-a-dusne-pocasie-miestami-sa-objavia-aj-intenzivnejsie-burky 有 PageSpped Insights Cumulative Lyout Shift 0.31。

如果我查看这些问题，唯一的问题是 Google Funding Choices 徽标。PageSpeed Insights 的 CLS 问题：

如何消除这个问题，使其不影响整体 CLS？