论坛首页 AJAX版 AJAX

[2007-10-12 ]GT Grid 最新demo ( 兼与EXT Grid的性能对比)

浏览 9300 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
时间:2007-10-12
十一期间对GT-Grid的代码进行了重构 DOM结构做了调整. 增加了一些新功能.

现在更稳定,占用资源更少.同时全面支持4大浏览器IE6 FF2 safari3b opera9.
(op9下的那个BUG还没搞定 郁闷中).
IE7没测试过 应该问题不大吧 希望大家可以帮忙测一下 谢谢了先 :)


这次发的这个DEMO并没有展示新功能,因为这个DEMO的目的是为了对比一下 ext-grid 和GT-Grid的性能差距,所以尽可能的模拟了 ext-grid 的示例 array-grid.html.

压缩包里包含
GT-Grid最新demo
EXT 1.1.1 的 array-grid demo
EXT 2 beta1 的 array-grid demo
三者共享同一数据源,大家也可以自行测试.
欢迎贴上测试结果.

=====================================
测试环境:
P4D 3.0G , 1G 内存.
windows xp sp2 , IE 6
=====================================
测试数据 1 :
3000 条, 5列, 有两列进行了 特殊转译( render ).
=====================================

测试结果 1 :

GT-Grid
表格全部完成加载 耗时 : 6087 毫秒
对price进行排序 耗时约 10秒 (手动秒表计时)


EXT 1 Grid
表格全部完成加载 耗时 : 40234 毫秒
对price进行排序 耗时约 35秒 (手动秒表计时)

EXT 2 Grid
表格全部完成加载 耗时 : 59875 毫秒
对price进行排序 耗时约 38秒 (手动秒表计时)

=====================================
测试数据 2 :
200 条, 5列, 有两列进行了 特殊转译( render ).
=====================================

测试结果 2 :

GT-Grid
表格全部完成加载 耗时 : 562 毫秒
对price进行排序 耗时约 <1 秒 (手动秒表计时)


EXT 1 Grid
表格全部完成加载 耗时 : 2164 毫秒
对price进行排序 耗时约 1秒 (手动秒表计时)

EXT 2 Grid
表格全部完成加载 耗时 : 1998 毫秒
对price进行排序 耗时约 1秒 (手动秒表计时)


=====================================
以上此时 都是经过多次测试 多次刷新 后取得的平均数值

=====================================
如果大家要自行测试,可通过修改文件
gt-grid\test_data.js

window._fins_testDataNum=3000;
的数值来 测试指定的记录条数.
   
时间:2007-10-12
支持你的帖子,愿GT-Grid越来越好!!!
   
0 请登录后投票
时间:2007-10-12
谢谢支持.

其实一味的强调在速度上的优势 意义并不是很大,毕竟没有多少人会在一页里显示成百上千的数据.
而在100条以内 1秒 和0.1秒的差别没有谁会真的在意.

GT-Grid 下一步要把重心转移到 特性上来了.
在开发新特性前,关于性能优化还有最后一件事情要做.
这两天打算尝试一下 多个table联合构成一个列表的可行性.
(EXT2 是一行数据一个table GT-GRID现在是所有数据一个TABLE
两者各有优缺点,我打算综合一下, 如果数据超过100(可设置),那么就分多个TABLE展现表格(也可以选择依然使用单table),
难点在排序 和分组 还有 锁定功能使用的层里的table和其他的table的同步.
回家尝试一下先.如果这个搞定了,而且实践证明确实能进一步提高效率的话,那么无疑为GT-Grid离 企业级应用列表组件的不二之选 又进了一步.

加油!!!!!
   
0 请登录后投票
时间:2007-10-12
加油!!!
   
0 请登录后投票
时间:2007-10-12
不错,楼主是否考虑当数据量很大时分批加载呢?
比如要显示的数据大于100条后,分100为一批逐渐加载数据呢?这样页面就不会僵死了。
   
0 请登录后投票
时间:2007-10-12
试验成功了!!!!!!!!!!!

分成若干个table 速度果然又快了 , 3000条数据速度快了2秒!!!!

而且 运行期间的反应速度也更快了(如对鼠标滚轮时的反应).

我现在是分的 200条数据一个table

分table后 为下一步 分组统计功能的实现提供了很大的便利 哈哈!!
   
0 请登录后投票
时间:2007-10-12
进一步试验:

该策略对效率的提升与下面三者有关:

1 浏览器
2 一页要显示的总数据数(行数 列数都有关)
3 分table时,每个子table内的数据数

但是似乎没什么规律 或者规律不是线性的 还在摸索中.
   
0 请登录后投票
时间:2007-10-12
挺不错的,现在我的一个项目中想采用的你的东东,但是看了一下你现在的GT-Grid还不能支持复杂表头,希望能改进一下,愿GT-Grid越来越好!!!
   
0 请登录后投票
时间:2007-10-13
我们准备在项目的后台采用楼主的GT Grid,希望能成功
   
0 请登录后投票
时间:2007-10-13
我也下载了.可是找不到了,也不知道是干什么用的.
   
0 请登录后投票
论坛首页 AJAX版 AJAX

跳转论坛:
JavaEye推荐
    快速回复 引用上一条消息 (Alt+S)