多个CSS文件和性能

时间:2011-01-09 17:37:12

标签: html css performance

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

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

5 个答案:

答案 0 :(得分:5)

将所有css文件合并为一个绝对可以获得性能。这种性能是否明显取决于您的负载,请求数量等。对于普通博客,这将产生接近于零的影响。

在Yahoo!上阅读Best practices for speeding up your web site开发人员。它会比我更好地解释事情。

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

您应该查看YUI Compressor,这将有助于您合并和修改您的css文件。

答案 1 :(得分:1)

  

组合所有CSS是否明智   成一个文件?会不会有   性能提升。我必须假设   获取HTTP请求   初始页面加载时的每个文件,以及   似乎减少了这些要求   有道理。

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

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

  

是否有任何理由不合并   将所有css转换成单个文件?(例如   可维护性或其他性能   问题)

没有必要维护单个文件,但是可以提供单个文件,因为CSS数据无论如何都是合并的。

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

答案 2 :(得分:0)

  

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

是,是的,是的。

  

有没有理由不将所有css合并到一个文件中?

没有

  

(例如可维护性

在构建时而不是在开发时将它们组合在一起,不存在可维护性问题。

答案 3 :(得分:0)

如果并非所有页面都需要所有css,那么将其拆分为多个文件可能会更快。

如果CSS文件非常庞大,当不同的团队需要协调他们的工作时,可维护性就成了问题。

答案 4 :(得分:0)

可能还有另一个原因,即不合并文件:

如果组合的样式表文件过大,Internet Explorer 9将忽略某些样式..

请参阅:IE 9 ignoring CSS rules