浏览 4596 次
|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2008-09-03
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。 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：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> |
| 返回顶楼 | |
|
发表时间：2009-08-20
有没有测试过对img缩放...chrome会很慢...google maps在chrome下干脆取消了缩放效果(或者说只有一步)
|
| 返回顶楼 | |
