软件性能测试：浏览器对Script下载的非并行处理再说明

发布: 2009-3-24 10:12 | 作者: 不详 | 来源: 测试时代采编 | 查看: 42次 | 进入软件测试论坛讨论

我提到了“将Script放到HTML文件中尽量靠近尾部”的方法来提高用户感觉上的响应时间，有朋友对这个问题提出了疑问，因此在这里更详细的对该方法进行说明。

首先，浏览器对于script的下载是避免并行进行的。HTTP/1.1协议中规定浏览器和同一host之间只建立最多两个连接，也就是说允许的最大并行度为2（当然，对IE和Firefox来说，你都可以通过修改浏览器的设置来扩大这个并行度）。但对于Script的下载来说，浏览器在开始下载Script之后，是不会并行的下载其他element的。不会并行下载script这一点是一个事实，但浏览器为什么要采用这种策略，以及浏览器我们提到的“将Script放到HTML文件中尽量靠近尾部”到底能起到多大的作用，需要注意哪些事项，我希望在这篇文章中进一步的进行讨论。

为了讨论方便，我准备了一个简单的HTML文件：

<HTML>
<HEAD>
<Title>Test javascript download page</Title>
</HEAD>
<BODY>
<Script language="Javascript" src="jsdownload_j1.js"></Script>
<Script language="Javascript" src="jsdownload_j2.js"></Script>
This is a simple page to test javascript download.</br>
<input type="button" value="Click Me" name="testButton" onclick=OnB1Click()></input>
<img src="Sunset_small.JPG">
<img src="Blue_hills_small.JPG">
</BODY>
</HTML>

这个HTML文件include了两个javascript文件，含有两张图片。两个javascript文件内容分别如下：
jsdownload_j1.js:

function OnJ1B1Click()
{
alert("A simple test");
}

jsdownload_j2.js:

function OnB1Click()
{
OnJ1B1Click();
}

从代码中看出，这个HTML文件很简单，带有两张图片和一个button，当button被click的时候，调用jsdownload_j2.js的OnB1Click()函数，而OnB1Click()函数是简单的调用jsdownload_j1.js文件中的OnJ1B1Click()函数。

我们来看看用IBM Page Detailer工具获得的IE浏览器访问该页面时的页面元素下载图：

110593_200903241013291qsT1