为什么’；t异步加载CSS文件解析PageSpeed’；s&x2018；推迟使用CSS’；进入

在my site（）的PageSpeed Insights报告中，它将“推迟未使用的CSS”列为一个机会。我不清楚我到底需要做什么来解决这个问题。我已经确保列表中的每个CSS文件都加载了

标记，这确保了文件是异步加载的（）。我甚至曾经这样做过，佩尔。为什么这不能解决“延迟未使用的CSS？”听起来这正是我所做的

我可以合理地确定CSS文件是异步加载的，因为PageSpeed Insights不再在“消除渲染阻塞资源”部分报告它们（它以前这样做过）

---

我见过。这个问题没有公认的答案，而且我相信我的问题有点不同。在这个问题上，OP是问如何解决“延迟未使用的CSS”。我特别问为什么

rel=preload

不能解决“延迟未使用的CSS”。

首先，我的经验是，结果各不相同，对于

移动

来说，你的努力可能需要一些时间才能在分数上得到回报

Desktop

对我所做的工作反应很快，但花了好几天时间才在

Mobile上“工作”

特别是对于您的页面，我将提取上述折叠样式的关键css，并将所有样式表移动到
之前，保持您现有的灯丝组加载css方法。我对WP不太精通，所以我无法进一步说明如何实现这一点，但谷歌搜索应该能很快解决这一问题

如果我能提供更多帮助，请告诉我。快速浏览一下网站，我喜欢你所做的
 要解决此问题，您需要完全删除页面中未使用的CSS规则。异步加载CSS文件无助于解决此问题

因此，本建议的命名存在歧义，导致混淆。这一点已在本期中讨论过-

我同意作者的观点；我也看到很多人
谁读过这个标签（从Google Pagespeed Insights开始）
使用Lighthouse），因为当
它们没有（因为此警告显示，对于任何css，无论是否为异步css，都不会
未在页面上使用）。它变得更糟，因为你链接到的页面
有关更多信息，请参阅有关渲染块和关键css的更多信息
而不是“删除未使用的CSS”。它还使用“延迟”作为
更典型的意义（加载异步，而不是从页面中删除）

为了解决这一困惑，Lighthouse团队决定将此建议重命名为在即将发布的版本中删除未使用的CSS（请参阅）
预加载和延迟使用onload javascript，
所以也许您正在使用noscript标记

Pagespeed看起来像是解析标签，并显示您收到的消息。
删除页面中或“折叠上方”中未使用的样式？@PeterSvegrup此建议适用于页面上所有未使用的样式，并且不限于关键CSS aka，如果页面上存在内联的“折叠上方”CSS，则部分CSS不是必需的，那么，本建议将包括以下内容：well@PrayagVerma好的，谢谢你指出GitHub的问题。我看到拉取请求已经被合并。那么，我是否正确，我们将在下一次更新Lighthouse时看到此“opportunity”更改的标题？@cag8f目前4.2版本标签（）尚未添加到合并的PR中。因此，我们将不得不等待，看看这一更改将集成到哪个即将发布的版本中，以便更清楚地了解PageSpeed Insights，“延迟未使用的CSS”部分同时出现在我的桌面报告和移动报告中。我可以问一下为什么在
之前移动样式表会有帮助，特别是当它们已经异步加载时？似乎这不重要？除非我误解了什么。谢谢你对我的网站说的客气话。