如何减少css http请求?
1个大的css文件
或一个导入所有其他css的css文件
是这样吗?
使用这个有什么好处?
@import url('/css/typography.css'); @import url('/css/layout.css'); @import url('/css/color.css');
解决方法
1 large css file
or one css file which importing all other css
is this same?
否,客户端仍然需要加载每个CSS文件(每个HTTP请求)
了解更多有关减少HTTP请求的一些链接:
> Yahoo Best Practices
> Blog-post about the same topic
如果您使用Firefox,我强烈建议您使用Firebug,该视图提供有关HTTP请求的详细信息的视图.
编辑:
由于flybywire在评论中指出:YSlow是与Firebug集成的Firefox扩展,用于分析网页性能
3个简单的事情我会先尝试:
>结合全局CSS(你的东西)
每页使用)
>压缩CSS(使用YUI
compressor或某些在线工具)
>内联页面特定的东西
(不共享的东西
页)
大多数这些东西也适用于Javascript文件.