当初Google Chrome 刚发布的时候,有很多人用JS测试了IE7 和 Chrome的性能。
刚刚发布的IE8,我用同样的测试代码跑了一下,测试结果如下:
IE7 : 27203 ms
IE8 : 15312ms
Chrome : 2413ms
虽然有提高,差距还是很大啊。
不过IE8确实有很多跟人性化的地方。
对于很多开发人员关心的兼容性问题,刚刚把我的项目在IE8测试了一下(之前对IE6 7 做了兼容性测试),页面样式没有错乱的现象,哈哈。
下载(vieri122 2009-03-19 18:35 引用)
<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>