Web优化:为什么组合文件更快？

Question

我已经读过将所有css文件合并为一个大文件,或者将所有脚本文件合并到一个脚本文件中可以减少HTTP请求的数量,从而加快下载速度.

但我不明白这一点.我认为如果你有多个文件(达到极限,我相信现代浏览器为10),浏览器会并行下载它们,从而减少下载的总时间(除以允许的连接数).

我显然在这里错过了一个关键信息.有人可以打开灯吗？

Answer 1

每个请求/响应都有开销.这基本上就是它的归宿.

以下是Google的请求标头示例...

GET http://www.google.com/ HTTP/1.1接受:application/x-ms-application,image/jpeg,application/xaml + xml,image/gif,image/pjpeg,application/x-ms-xbap, application/vnd.ms-excel,application/vnd.ms-powerpoint,application/msword,application/x-shockwave-flash,/ Accept-Language:en-US User-Agent:Mozilla/4.0(兼容; MSIE 7.0; Windows NT 6.1; WOW64; Trident/4.0; GTB0.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; OfficeLiveConnector.1.4; OfficeLivePatch.1.3)接受-编码:gzip的,紧缩连接:保持活动主持人:www.google.com饼干:xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx XXXXXXXXXXXXXXXXXXXX xxxxxxxxxxxxxxxxxxxxxxxxxxx

去年我写了一篇关于这个的文章... http://swortham.blogspot.com/2010/03/latency-requests-css-sprites-and-you.html

你是对的,可以并行下载多个文件(单个主机名中有2个或更多,具体取决于浏览器).而这反过来将导致页面逐步加载,这是好的.但这并不意味着您的主页应该由20多个css,js和图像文件组成.理想情况下,你想要结合很多来优化网站.