首页 > 解决方案 > Lighthouse - 低 CLS 分数使 LCP 分数更高

问题描述

我正在尝试修复 Lighthouse 检查中提到的网站性能问题。
最高(很差)分数是 CLS 的。

为了解决网站中的 CLS 问题,我需要做的就是将一些加载在底部的媒体查询样式移动<body><head>.
意味着,将样式从一个 CSS 文件移动到另一个。

在我进行这些更改后,CLS 分数降低为0!这是完美的。
但是由于某种原因,一旦我这样做,LCP 分数就会乘以 3!
没有新的请求,没有额外的 CSS,没有额外的 JS。它仍然发生。

有人遇到过这个问题吗?我真的不知道该怎么办。
非常感谢。

标签: lighthousecumulative-layout-shift

解决方案


推荐阅读