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

pconline900

浏览: 29079 次
性别:
来自: 上海

最近访客更多访客>>

q7616356

eddiegift

chenxw

tanxiangbo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

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

博客分类：

ExtJs

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。

查看图片附件

分享到：

Google Chrome浏览器JS执行效率比firefox ... | 解决Ext.form.TextField的maxLength siz属 ...

2008-09-03 20:54
浏览 2416
评论(2)
论坛回复 / 浏览 (2 / 4597)
分类:Web前端
查看更多

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>

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

Google Chrome浏览器JS执行效率比firefox快7倍，惊人!!!!

解决Ext.form.TextField的maxLength siz属性问题

最近访客更多访客>>