如何从 w3 Total Cache 获取缩小文件位置答案

【问题标题】：How to get Minified File location from w3 Total Cache如何从 w3 Total Cache 获取缩小文件位置
【发布时间】：2014-11-01 20:51:39
【问题描述】：

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

他们的建议是在 HEAD 中仅呈现“必要的”内联 CSS。如果您在外部文件中有 CSS（大多数人都这样做），建议在页面加载后加载它。这似乎很极端，但这是建议。这似乎也是提高一个人的 Mobile PageSpeed 分数的一大障碍......

您可以使用 Apache 或 nginx 的 PageSpeed 模块来帮助您确定哪些 CSS 实际上是“必要的”。同样，人们可以争论这样做的相对价值，但这是 Google 当前的建议。

我有一个想法，即使用 javascript 来“延迟加载”CSS 文件，方法是在主题的页脚中触发一个小脚本，将 CSS 注入头部。您可以在此处查看此技术的示例：https://bensmann.no - 这不是我的网站。我基本上是在寻找复制或复制他对缩小的 CSS 所做的事情 - 在页面通过页面底部包含的 Javascript 加载后将其加载到 HEAD 中

然后我会输入 在 <noscript> 标签内，从而抑制缩小 CSS 的放置，并确保它出现在非 JS 浏览器中。

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

【问题讨论】：

标签： wordpress w3-total-cache

【解决方案1】：

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

【讨论】：

【解决方案2】：

您必须了解Critical Path CSS，这是一个滑坡，确实，没有人真正知道哪个 CSS 是关键的还是不重要的。

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

记得在进入设置时勾选显示高级选项。我个人建议只内联 all CSS 并使用该选项，但这只是我。

如果任何插件在实现后被破坏，只需取消勾选优化 CSS 代码，找到插件的 CSS 文件，并将其添加到异常列表中。

【讨论】：