如何从w3 Total Cache获取Minified File位置

Question

我相信很多人都知道，Google PageSpeed Insights有时会在您测试网站时抱怨所谓的“渲染阻止css”。

他们的建议是在HEAD中只渲染“必要的”CSS内联。如果你在外部文件中有CSS（就像大多数人一样），建议在页面加载后加载它。这似乎非常极端，但这是建议。它似乎也是改善一个人的Mobile PageSpeed得分的一大障碍......

您可以使用PageSpeed Module for Apache或nginx来帮助您识别哪些CSS实际上是“必要的”。再一次，人们可以争论这样做的相对价值，但这是谷歌目前的建议。

我有一个概念，即通过在我的主题的页脚中使用一个小脚本火来使用javascript来“懒惰加载”CSS文件，将CSS注入头部。您可以在此处查看此技术的示例：https://bensmann.no - 这不是我的网站。我基本上希望复制或复制他用缩小的CSS完成的工作 - 在页面通过页面底部包含的Javascript加载后将其加载到HEAD中

然后我会放<!-- W3TC-include-css --> 在<noscript>标记内，从而抑制缩小的CSS的位置，并确保它出现在非JS浏览器中。

所以，问题是我需要以某种方式获取缩小的CSS文件的位置，以及用于命名文件的哈希（对于元素的ID）。任何人都知道如何在页脚中使用PHP访问缩小的CSS文件的位置？

Answer 1

虽然这篇文章没有给你解决方案，但它可能会让你更接近将css移动到你想要的位置：
http://freetheweb.tumblr.com/post/12482217372/w3-total-cache-better-css-js-placement

Answer 2

你必须了解Critical Path CSS，这是一个滑坡，真的，没有人真正知道哪些CSS是关键的。

在过渡期间（或作为永久性解决方案），安装Autoptimize之类的插件并使用它会大大提高您的Page Speed Insights分数。

转到设置时，请务必勾选显示高级选项。我个人建议只要内联所有 CSS并使用该选项，但这只是我。

如果执行此操作后任何插件被破坏，只需取消选中优化CSS代码，找到插件的CSS文件，然后将其添加到例外列表中。