`
pconline900
  • 浏览: 28841 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Google Chrome浏览器js引界面擎渲染能力测试，惊人!!

Chrome浏览器Google单元测试IE 
阅读更多
google浏览器刚出来，性能究竟如何呢，偶写了一个小程序通过dom的方式渲染一个5000行10列数据的表格，测试结果如下

Google Chrome: 1482 ms
IE 7.0 : 17547 ms
Firefox 2.0: 5047 ms

可以看到google的js脚本渲染界面能力比IE快10倍，比Firefox快3倍，性能非常惊人。Google Chrome的Javascript engine基于V8引擎的，js源代码直接生成了机器码，只需要解释一次，其他浏览器如 IE Firefox都是反复多次解释执行的。
可以预见现在众多ajax框架有了google浏览器后，性能问题可以得到很大提升了，对ajax框架无异于是个大利好，加油，google chrome。

  • 描述: IE
  • 大小: 181.4 KB
  • 描述: firefox
  • 大小: 266.9 KB
  • 描述: google浏览器
  • 大小: 126.1 KB
分享到：
| 解决Ext.form.TextField的maxLength siz属 ...
评论
2 楼 lixinlixin2008 2009-08-20  
有没有测试过对img缩放...chrome会很慢...google maps在chrome下干脆取消了缩放效果(或者说只有一步)
1 楼 pconline900 2008-09-03  
测试代码如下

<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" onclick="startTest();">5000 times:<span id="forResult"></span><br>
</form>
</body>
</html>
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics