网页前端页面加载性能测试各工具可行性方案分析

网页前端页面加载性能测试各工具可行性方案分析

征对各个浏览器和工具作了测试，之因此选择的是百度首页测试，由于其比较单一，没有多层嵌套和持续加载，尽可能减小其余影响，测试中发现目前有些方案是不可行的，后面征对各个测试结果给出了可行方案和不可行的建议。

1 .webbrowser（内核IE10）和IE10浏览器的比较：

Webbrowser的测试方法为，先执行清除浏览器缓存，从开始导航开始计时，DocumentCompleted时间将2次触发，取最后一次的时间，按照DocumentCompleted解释，这个时间至关于所有元素loa完毕，测试结果以下：

接下来打开IE工具测试，先执行清除浏览器缓存测试结果以下

结论：通过屡次测试，能够看到，Webbrowser和IE工具测试的结果至关接近！

Webbrowser 的DocumentCompleted时间即为IE工具的所有元素加载时间

2 HTTP抓包工具Fiddler结果测试：

结束时间

抓包IE10结果以下：

开始14:15:59:6241

结束14:16:00:1082 二者间隔为481毫秒。

抓包Webbrowser结果以下：

开始14:18:37:4179

结束14:18:37:8689

二者间隔451毫秒

结论：1.IE10和Webbrowser网络加载时间基本相同，

2 问题：Fiddler抓包的数据大于浏览器的计算时间？这个是否是Fiddler数据有问题？

2.火狐的firebug工具测试：

先清除浏览器缓存：

而后再打开百度

结论：怎么测试都在2000毫秒以上，搞不懂为何比IE慢那么多？直眼睛都看得出来比IE慢！

3. berserkjs测试

这个不知道缓存是怎么搞，直接测试吧

能够看到这个间隔时间为246秒，首屏时间为:1894毫秒

这个时间跟ie内核的差很少

Fiddler测试抓包：

14:34:09:7921

14:34:10:2181

426

能够发现Fiddler抓包时间大于berserkjs的测试时间！

.

而后我又使用IE10作了个测试，关闭Fiddler用webbrowser测试时间为186毫秒

打开Fiddler用webbrowser测试时间竟然高达460毫秒！

4测试结论：

1. 浏览器对测试数据影响很大，3种种内核，最快的为webkit 246，也有可能这个东西没有外围的程序直接使用内核的关系，他是最快的，IE10次之为400，火狐最慢达到2000多，可是为何火狐的速度那么慢，这个未能有答案。

2. 查找各类资料，发现相似Fiddler这种工具使用的原理是，启动了Fiddler，程序将会把本身做为一个微软互联网服务的系统代理。做为系统代理，全部的来自微软互联网服务（WinInet）的http请求再到达目标Web服务器的以前都会通过Fiddle，一样的，全部的Http响应都会在返回客户端以前流经Fiddler，那么这就能解释为何开启Fiddler后速度变慢了！

这个就是常常说的网络劫持，相似的工具还有httpwach,httpanalyzer等,因而可知这种原理的测试数据会致使数据偏离实际，不建议使用！

3. 不能使用Fiddler这种原理，因为webbrowser有限的功能和扩展，基本上不能取到har里面的数据，这个方案将不可行！

4. 建议：使用berserkjs方案，目前IP未能解决，需想办法解决此问题！