关于浏览器并行加载文件，还有 CSS/Javascript 放 head/body 的问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3861 天前的主题，其中的信息可能已经有所发展或是发生改变。

找到Yahoo的一篇很有名的文章: Best Practices for Speeding Up Your Web Site, https://developer.yahoo.com/performance/rules.html

里面Put Scripts on Bottom这一段讲到了根据HTTP/1.1 specification，浏览器从一个host name最多只能同时下载两个文件。而script不同，无论从几个host name，只能同时下载一个，不会开始其他的。

但是经过测试的时候，发现js都是同时下载的，请问这个是浏览器违反规定来提升performance吗？

" target="_blank">

" class="imgly" style="max-width: 660px;" border="0" />

还有，根据http://stackoverflow.com/questions/14328449/when-do-you-put-javascript-in-body-when-in-head-and-when-use-doc-load，js放在头部的话，会在大多数HTML加载之前被加载，而放在底部的话，会等全部HTML加载完再加载javascript，但是实际中也是不一样的：
放在底部：

" target="_blank">

" class="imgly" style="max-width: 660px;" border="0" />

放在头部：

浏览器

name

host

8 条回复 • 2014-04-30 10:35:33 +08:00

zzNucker

2014-04-29 23:00:14 +08:00

一般情况来说：是你的浏览器太高端了。
你应该用比较落后的浏览器来测。

ivanlw

2014-04-29 23:02:48 +08:00

@Livid 图片链接有问题？微博图床和imgur都试过了，都是这样子的乱码，请麻烦查看和编辑我的帖子。

qq286735628

2014-04-30 00:11:41 +08:00

瀑布图，里面看到的只能同时并行下载两个文件，讲的是IE6。
因为当年IE6如此苛刻，才有减少HTTP请求这条规则，才诞生了雪碧图这个优化手段。

不同版本浏览器，这个并发数不一样。
现在Chrome的并发数已经提高了很多，但依旧使用雪碧图，因为雪碧图合并请求之后，可以减少TCP握手时间，同时，并不是所有公司的静态资源服务器都是那么的牛逼，能够快速响应并返回静态资源。

图例，wait的时间，可以想象成服务器去找这个资源的时间。用Nginx比Apache会快一点，用了SSD也会比HDD快一点。