多个CSS文件与组合文件

时间:2014-07-23 03:09:59

标签: css performance pagespeed

所以每个人都知道为网页提供单个CSS文件的优点。

  • 只需要一个HTTP请求即可获取
  • 一旦存储在缓存中,使用它的所有网页都将受到祝福

但我认为有一个很好的拥有多个CSS文件的专家

  • 所有CSS文件将平行下载,因此时间更短......

所以如果我有500KB的CSS代码和50KBps的互联网速度(是的,我生活在一个贫穷的国家: - /)......

method A will take (10+x)secs     # where x is the time for HTTP request
method B should take (1+x)secs    # if I divide it into 10 files

我错了,如果我说“方法B好多了”?

2 个答案:

答案 0 :(得分:1)

首先,我建议您使用CSS Minifier,例如http://cssminifier.com/

关于您的速度测试,在您的情况下,使用多个文件可能会更快,但请尝试并在Google's PageSpeed Insights

测试您的页面

特别是如果您的目标是您自己的国家/地区,并且您知道互联网在那里很慢。

答案 1 :(得分:0)

来自Here

  

这不是关于带宽速度,而是关于http请求的数量   很有意义的移动连接。

     

然而,有不同的css文件来保持项目的方法   模块化是坚实的,因为它可以帮助您保持您的CSS组织方式   你想要它而不是只有一个文件中的所有代码。然后你可以   css预处理器/ minifiers连接和压缩的好处   所有css文件都在一个用于生产的文件