如何按顺序呈现html页面？

Question

另外，我知道css和图像文件可以并行下载。但是可以并行下载javascript文件吗？谢谢。

Answer 1

当HTML解析器看到script标记时，除非您使用了一些特殊属性，否则会出现暂停，下载JavaScript文件，然后将内容移交给JavaScript解释器。因此，script文件无法相互并行下载或与主HTML一起下载...除非您使用defer or async属性并且浏览器支持它们。详情请见this other answer here on StackOverflow。

请注意，即使您有多个可以并行下载的资源，也无法保证他们 。浏览器（和服务器）限制了相同两个端点之间的同时连接数。 （使用现代浏览器the limit is usually at least four - 两个以上 - 但浏览器可以通过拨号连接和移动设备拨打电话;当然，它们完全免费只使用一个连接，它是特定于实现的）。

Answer 2

脚本在现代浏览器和IE8中并行加载。 Firefox和Safari将同时下载多达六个脚本。但IE8似乎没有限制集 - 我的测试显示一次加载多达18个脚本。

但是，无论是一个脚本还是六个脚本，其他一切都被阻止了。因此浏览器不会加载一个脚本和一个样式表。

您可以通过在Net标签中查看Firebug来了解流程。您在右侧看到的那些酒吧被称为瀑布图，并为您提供合理准确的表示，表明何时加载以及它们需要多长时间。

您可以在此演示文稿中了解有关页面加载的更多信息：Optimize Your Website to Load Faster资源加载的内容从幻灯片33开始。