对于普通的用户来说, 网页浏览器最重要的一项指标就是速度,而页面的载入和渲染速度有是这速度指标中重要的一环,虽然浏览器速度还包含Javascript脚本的速度,CSS 显示的速度,但对于用户来说,怎样最快速的将网页上的文字和图片信息显示出来是非常重要的, 所以本文就讨论一下我们经常使用的浏览器对于网页文字和图片的载入速度做一个比较.
当前浏览器界存在着四大浏览器引擎,即Trident, Gecko, Presto 和 KHTML,这里我们选择了这四大引擎在Windows上的相应代表:
Trident:
IE7.0
外壳浏览器 The World 2.1 Lite
Gecko:
Firefox 3.x
Firefox 2.x
K-Meleon (CCF ME 0.08)
Presto:
Opera 9.5
KHTML:
Safari 3.1
然后我们就分别比较一下这些浏览器对于网页文字和图片的载入和渲染速度的表现
(1) 文字载入速度
一个最简单的文字载入测试页面最能说明问题:
http://nontroppo.org/timer/text.html
这个测试所采用的Javascript时间计算源码在这里:
var then = (new Date()).getTime();
function endT() {
var now=(new Date()).getTime();
loadT=now-then;
document.getElementById('loadingtime').innerHTML += 'Load time:<strong>'+loadT+'</strong>ms';
}
这个脚本对于任何浏览器都是公正的,不存在偏袒任何一个浏览器的问题.
经过多次的反复测试结果(每一次测试都需要删除之前的历史数据),得到了如下的结果:
当前浏览器界存在着四大浏览器引擎,即Trident, Gecko, Presto 和 KHTML,这里我们选择了这四大引擎在Windows上的相应代表:
Trident:
IE7.0
外壳浏览器 The World 2.1 Lite
Gecko:
Firefox 3.x
Firefox 2.x
K-Meleon (CCF ME 0.08)
Presto:
Opera 9.5
KHTML:
Safari 3.1
然后我们就分别比较一下这些浏览器对于网页文字和图片的载入和渲染速度的表现
(1) 文字载入速度
一个最简单的文字载入测试页面最能说明问题:
http://nontroppo.org/timer/text.html
这个测试所采用的Javascript时间计算源码在这里:
var then = (new Date()).getTime();
function endT() {
var now=(new Date()).getTime();
loadT=now-then;
document.getElementById('loadingtime').innerHTML += 'Load time:<strong>'+loadT+'</strong>ms';
}
这个脚本对于任何浏览器都是公正的,不存在偏袒任何一个浏览器的问题.
经过多次的反复测试结果(每一次测试都需要删除之前的历史数据),得到了如下的结果:
