【发布时间】：2022-05-19 04:44:35
【问题描述】：
我正在尝试修复 Lighthouse 检查中提到的网站性能问题。
CLS 得分最高（很差）。
为了解决网站中的CLS问题，我需要做的就是将加载在<body>底部的一些媒体查询样式移动到<head>中加载。
意味着，将样式从一个 CSS 文件移动到另一个。
在我进行这些更改后，CLS 分数降低到 0！这是完美的。
但是出于某种原因，一旦我这样做了，LCP 分数就会乘以 3！
没有新的请求，没有额外的 CSS，没有额外的 JS。它仍然发生。
有人遇到过这个问题吗？我真的不知道该怎么办。
非常感谢。
【问题讨论】：
标签： lighthouse cumulative-layout-shift