优化 CSS Delivery 以下答案

【问题标题】：Optimize CSS Delivery of the following优化 CSS Delivery 以下
【发布时间】：2016-10-26 10:16:43
【问题描述】：

消除首屏内容中的渲染阻塞 JavaScript 和 CSS 您的页面有 16 个阻塞的 CSS 资源。这会导致您的页面呈现延迟。如果不等待以下资源加载，则无法呈现页面上的任何首屏内容。尝试延迟或异步加载阻塞资源，或直接在 HTML 中内联这些资源的关键部分。优化以下 CSS 交付：

【问题讨论】：

实际上你的问题是什么？理解起来很混乱。
如果你有 16 个被阻塞的 CSS 资源，那么它们都不应该都存在。您最多应该为每种媒体（屏幕、打印、其他任何您需要的）拥有一个 CSS 文件。如果您只关心屏幕视图，您需要一个 CSS 文件。我假设你使用 Wordpress 或其他一些 CSS 问题，所以我建议你安装一个插件，通过结合 CSS 和 javascript 来缩小和修复这些问题。
我想你忘了在最后添加你的代码
我投票结束这个问题，因为这不是一个问题。

【解决方案1】：

您应该考虑在一个独特的优化文件中缩小您的 CSS 文件（优化 CSS 交付）。

这将允许您减少对服务器的 http 请求数。

您可以使用Google Pagespeed Test 之类的工具来获得有关如何进一步优化您的网站的提示。

特别是对于 CSS 缩小，您可以使用 Grunt 或 Gulp 等工具。

【讨论】：