多个 CSS 文件和性能答案

【问题标题】：Multiple CSS files and performance多个 CSS 文件和性能
【发布时间】：2015-08-23 18:43:03
【问题描述】：

将所有 CSS 合并到一个文件中是否明智？会不会有性能提升。我必须假设在初始页面加载时发出 HTTP 请求以获取每个文件，并且减少这些请求似乎是有意义的。

是否有任何理由不将所有 css 合并到一个文件中？（例如可维护性或其他性能问题）

【问题讨论】：

【解决方案1】：

将所有 css 文件合并为一个绝对会提高性能。该性能是否显着取决于您的负载、请求数量等。对于普通博客而言，这将产生接近于零的影响。

在 Yahoo! 阅读 Best practices for speeding up your web site开发商。它会比我解释得更好。

正如您所说，不合并 css 文件的一个原因是为了可维护性。但是，有许多工具可以自动将您的 css 文件合并并缩小为一个。

您应该查看YUI Compressor，这将帮助您合并和缩小您的 css 文件。

【讨论】：

【解决方案2】：

合并所有 CSS 是否明智？成一个文件？会不会有性能提升。我不得不假设发出 HTTP 请求以获取初始页面加载时的每个文件，以及减少这些请求似乎有道理。

是的，但是在构建或运行时进行组合，如果您从多个文件开始，请不要尝试维护单个文件。

除了 HTTP 请求的数量之外，在响应中设置正确的过期标头也很重要。

有什么理由不合并所有css都放到一个文件中？（例如可维护性或其他性能问题）

不必维护单个文件，但最好提供单个文件，因为 CSS 数据无论如何都会合并。

YUI Compressor 是 JavaScript 和 CSS 缩小的好工具。

【讨论】：

【解决方案3】：

将所有 CSS 合并到一个文件中是否明智？会不会有性能提升。我必须假设在初始页面加载时发出 HTTP 请求以获取每个文件，并且减少这些请求似乎是有意义的。

是的，是的，是的。

是否有任何理由不将所有 css 合并到一个文件中？

没有

（如可维护性

在构建时而不是在开发时将它们组合起来，不会有可维护性问题。

【讨论】：

【解决方案4】：

当并非所有页面都需要所有 css 时，将其拆分为多个文件可能会更快。

如果 CSS 文件变得非常大，当不同的团队需要协调他们的工作时，可维护性就会成为一个问题。

【讨论】：

【解决方案5】：

可能还有另一个原因，不合并文件：

如果合并的样式表文件变得太大，Internet Explorer 9 将忽略某些样式..

【讨论】：