IE8性能较IE7有所提升,JS测试结果。。。

当初Google Chrome 刚发布的时候,有很多人用JS测试了IE7 和 Chrome的性能。

刚刚发布的IE8,我用同样的测试代码跑了一下,测试结果如下:

 

IE7 :        27203 ms

IE8 :      15312ms 

Chrome : 2413ms

 

虽然有提高,差距还是很大啊。

不过IE8确实有很多跟人性化的地方。

 

 

对于很多开发人员关心的兼容性问题,刚刚把我的项目在IE8测试了一下(之前对IE6 7 做了兼容性测试),页面样式没有错乱的现象,哈哈。

 

 

下载(vieri122 2009-03-19 18:35 引用

javascript:mctmp(0);

 

 

 

<html> 

<head> 

<title>测试渲染能力</title> 

<script language="javascript"> 

function startTest() { 

// 获取body 

var start = new Date(); 

var mybody = document.getElementsByTagName("body")[0]; 

 

// 创建<table>和<tbody>元素 

mytable     = document.createElement("table"); 

mytablebody = document.createElement("tbody"); 

 

//创建所有的单元格 

for(var j = 0; j < 5000; j++) { 

    // 创建一个 <tr> 元素 

    mycurrent_row = document.createElement("tr"); 

 

    for(var i = 0; i < 10; i++) { 

    // 创建一个<td> 元素 

    mycurrent_cell = document.createElement("td"); 

    // 创建一个文本节点 

    currenttext = document.createTextNode("单元格是第" + j + "行,第" + i + "列"); 

    // 把创建的文本节点添加到<td>元素 

    mycurrent_cell.appendChild(currenttext); 

    // 把<td>添加到<tr>行 

    mycurrent_row.appendChild(mycurrent_cell); 

    } 

    // 把<tr>行添加到<tbody> 

    mytablebody.appendChild(mycurrent_row); 

 

// 把 <tbody> 添加到 <table> 

mytable.appendChild(mytablebody); 

// 把 <table> 添加到 <body> 

mybody.appendChild(mytable); 

// 把mytable的border属性设置为2; 

mytable.setAttribute("border","2"); 

var end = new Date(); 

var forLoopTime = end-start; 

var textElem = document.createTextNode(forLoopTime + 'ms  ') 

document.getElementById('forResult').appendChild(textElem); 

 

</script> 

</head> 

<body> 

<form> 

<input type="button" value="test" οnclick="startTest();">5000 times:<span id="forResult"></span><br> 

</form> 

</body> 

</html>

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值