如何减少css http请求？

Question

如何减少css http请求？

1个大型css文件

或一个导入所有其他CSS的css文件

这是一样的吗？

使用它有什么好处

@import url('/css/typography.css');
@import url('/css/layout.css');
@import url('/css/color.css');

Answer 1

一个大的css文件或一个导入所有其他CSS的css文件是这样的吗？

否,因为客户端仍然需要加载每个CSS文件(每个都有一个HTTP请求)

一些链接了解有关减少HTTP请求的更多信息:

• 雅虎最佳实践
• 关于同一主题的博客文章

如果您使用的是Firefox,我强烈推荐使用Firebug,它提供了一个包含HTTP请求详细信息的视图.
编辑:
正如flybywire在评论中指出的:YSlow是一个Firefox扩展,与Firebug集成以分析网页性能

我会先尝试3件简单的事情:

• 结合全局CSS(你在每一页上使用的东西)
• 压缩CSS(使用YUI压缩器或一些在线工具)
• 内联特定于页面的内容(页面之间不共享的内容)

大多数这些东西也适用于Javascript文件.