`

GT-Grid(原ECSide) 速度测试中完胜 EXT-Grid

阅读更多
呵呵 可能有些朋友还不知道我打算把新版本的 ECSide改名叫 GT-Grid吧 呵呵
引用

想好新版ECSide叫什么名字了

GT Grid 呵呵
不再和ec沾边了 因为代码决定全部重新设计 重新写了

GT 就是 GT赛车的那个GT
可以理解为 Grand Touring (伟大的旅程)
也可以理解为 Gran Turismo (意大利语 和上面的英文同意)
当然在赛车领域有另外的解释,多指"以赛车的标准来设计的高质量高性能的顶级跑车",快速,舒适,适合长距离行驶.

但是现在GT的意义已经延伸到汽车之外了,它已经成为卓越 与 荣耀的象征.

GT Grid ,像GT赛车一样奔驰向前吧



昨天进行了一下数据压力测试.

在 p4-3G/1G IE6 下,
显示 5000条数据
GT-Grid 用了 17秒
而 EXT-Grid 的example中的 array-grid用了96秒
(用来测试的 GT-Grid 版本的功能和  Ext array-grid 完全一样,甚至还多了两样
性能的提升绝对不是因为功能的缩水)

所需js代码的体积依然控制在90K以内

敬请期待吧.

分享到:
评论
27 楼 jyk1970 2008-09-03  
google de chrome 性能真强,IE及FF中8~9秒的javascript运行时间减少到2秒左右!!!
26 楼 jyk1970 2008-08-05  
iamjxc 写道
GT Grid的确很快, 但是还有提升的空间.
我在 ColumnList1.04 基础上改进的grid速度为:

500条: 400 ms
5000条: 1200 ms
5000条页面内排序: 800ms

速度完胜 GT-Grid , 呵呵, 给楼主一点点压力吧.


请问: ext 能否改进?
25 楼 davidnick 2008-05-20  
大的循环用setInterval或者settimeout间隔以下,比如每500条一个小循环,就不会把浏览器卡死了。
24 楼 davidnick 2008-05-20  
楼主害人,ff装了firebug,浏览ext的时候浏览器直接挂了
23 楼 hgq0011 2008-03-07  
fins.请问最新版本什么时候发布呢?谢谢!
22 楼 fins 2008-03-07  
谢谢
有压力才有动力

不过关于 columnlist 我以前说过 和 gtgrid 以及ext 不是一类的东西
不好比较啊 呵呵

columnlist  本质上是对现有表格进行渲染 渲染成多功能表格

而 gtgrid 以及ext  是自己创建
有一个很大的性能损耗是在 拼接大量的table html字符串 以及动态渲染上.
另外还支持对单元格数据的渲染(渲染越复杂时间越长)

而columnlist   以及传统的jsp for内输出html代码的做法 则没有以上的性能凭借

不过 不管怎么说 都要谢谢楼上的

另外 这个是老帖了 现在情况又有不同了


21 楼 iamjxc 2008-03-06  
GT Grid的确很快, 但是还有提升的空间.
我在 ColumnList1.04 基础上改进的grid速度为:

500条: 400 ms
5000条: 1200 ms
5000条页面内排序: 800ms

速度完胜 GT-Grid , 呵呵, 给楼主一点点压力吧.
20 楼 flash 2007-12-25  
table-html 什么时候支持?
19 楼 yiding_he 2007-09-27  
fins 写道
整体页面的加载
是指什么呢?

由于 GT-Grid没有用 异步 也没有用 setTimeout起多线程.

所以 我就在 页面的最开始 记录时间

在 body的 onload里显示 当前时间-记录时间

实际上这个比较准确 因为 最终结果显示的时间 与我目测的一样.
也就是说 表格数据展现在大家眼前的时间 就是 onload里显示的时间.

在表格整个生成完之后再记录时间是不是更准确一点,如果有的操作是在 onload 之后触发的话。
18 楼 sijianzuo 2007-09-27  
ET-Grid对ajax的支持如何?
17 楼 lz_cleaner 2007-09-27  
很是期待。
16 楼 lycvip 2007-09-25  
尽量是轻量级的 不要依赖太多的第三方jar包
15 楼 pharaohsprince 2007-09-25  
~weblogic8.1下 导出xls数据为空的解决方法~~~~~~~~~~
xlsView.java怎么改··?
14 楼 copy22 2007-09-25  
什么时候 才能发布让大家demo一下??
这是我最关心的
13 楼 ray_linn 2007-09-25  
pharaohsprince 写道
同意~一页5000条,你会一条条的看吗?


你是没看过需要看的人吧?柜台一线就经常有要打出所有的清单的。
12 楼 jjx 2007-09-25  
一条条是不会看,但企业信息系统中,得到一定数量的记录后,再排序查看,过滤查看,分组查看还有各种分析等情况很常见,通常这些都是在得到一定范围后再进行,虽然数量不一定就是很多,但也不会仅仅是100条
11 楼 pharaohsprince 2007-09-25  
同意~一页5000条,你会一条条的看吗?
10 楼 jjx 2007-09-24  
看应用的类型了,企业内部分布式应用,js这种速度是不行的,目前看来速度改观的可能性不大,所以ria,windows forms click once+remoting/wcf 这样的架构还是很有优势的
9 楼 fins 2007-09-24  
ray_linn 写道

96秒我已经关掉浏览器了,我只站在User角度上看,17秒几乎不可接受。


实际上这个只是一个压力测试 实际环境中 没有谁会真的一页 5000条吧?

另外一页五千条,同时具备美观的样式 排序 改变列宽 固定表头 行选择 单元格样式转译 等功能的列表
你觉得多少秒你能接受??

如果站在速度的角度考虑  jsp 内 <% for .....{ }%> 最快了.

其实任何组件都一样 只在该使用的时候使用.

体积 效率 功能 易用性 这些实际上是守恒的, 一个方面好了一点 肯定要有另一个方面差一些.
怎么选择就看喜好和经验了


8 楼 ray_linn 2007-09-24  
fins 写道
ray_linn 写道
17秒。。。几乎已经是龟速了。

确实

但是和 ext 的96秒比呢?

其实速度还是可以再优化的 但是那就不是一个 纯前台的了组件了

现在还是 使用 json装数据, 用js在浏览器端组装表格, 这个确实是很慢的

用jstag生成 <table>的html 那样的方式是最快的. 但那是以后要做的.

最终gt-grid的目标是 json xml table-html 都支持.



另外 5000条数据有些极端 很少有人会在一页里面显示5000条

我又测试了 200条
结果是
GT-Grid : 0.287秒
EXT array-grid : 2.859秒


96秒我已经关掉浏览器了,我只站在User角度上看,17秒几乎不可接受。

相关推荐

    gt-grid的一个例子

    在这个“gt-grid的一个例子”中,我们将深入探讨如何使用`gt-grid`的基本功能,并通过实际代码示例来理解其工作原理。 首先,`gt-grid` 提供了灵活的数据绑定机制,可以方便地将后台数据源与前端表格进行对接。在...

    最新的GT-Grid vs EXT-Grid例子(超级经典)

    在例子中,我们可以看到三种不同场景的应用,这些例子可能展示了GT-Grid和EXT-Grid在处理基础数据展示、高级功能集成以及自定义程度上的差异。例如,可能有一个例子专门对比两者的数据加载速度,另一个可能比较各自...

    gt-grid demo 源码下载

    GT-Grid 是一款功能强大的数据网格组件,广泛应用于Web应用中展示和管理大量结构化数据。本次我们将通过"gt_grid_demo"源码下载来深入理解GT-Grid的运作机制及其与后台数据交互的方式。 一、GT-Grid 概述 GT-Grid ...

    GT-Grid 1.0 基础教程

    本基础教程旨在帮助初学者快速理解并掌握GT-Grid 1.0 的核心概念和基本操作,以便在实际项目中应用。下面将详细阐述GT-Grid 1.0 的关键知识点。 一、GT-Grid 1.0 概述 GT-Grid 1.0 是一个基于Java开发的分布式计算...

    GT-Grid 教程示例

    GT-Grid 教程示例 GT-Grid 教程示例GT-Grid 教程示例GT-Grid 教程示例

    gt-grid 表格源码,开发包,api手册

    "gt-grid 表格源码,开发包,api手册"这一资源主要涵盖了用于构建数据表格的前端组件的源代码、开发工具以及相关的API文档。gt-grid是一个强大的数据展示和操作框架,它允许开发者以灵活的方式展示和管理大量结构化...

    GT-Grid 是一个基于Ajax技术的列表组件

    (ECSide是GT-Grid作者的另一作品, 是一个在国内拥有广泛用户群的列表组件,它基于传统的jspTag技术) GT-Grid 的主要 特性: Ajax实现 (翻页,数据的crud 基于ajax技术) 固定表头和工具栏 自定义复杂表头 可调整列宽: ...

    GT-grid 例子

    GT-Grid 是一款强大的数据网格组件,常用于前端开发中展示和操作大量结构化数据。在Web应用中,它提供了一种高效的方式来呈现表格数据,支持排序、筛选、分页、编辑等多种功能,大大提升了用户体验。这个压缩包文件...

    gt-grid.rar+demo

    - **高性能渲染**:gt-grid优化了大量数据的显示,通过虚拟滚动技术只渲染视口内的行,提高页面响应速度。 - **数据绑定**:支持动态数据绑定,可以实时更新表格内容。 - **自定义列模板**:允许开发者根据需求...

    gt-grid 基础教程

    首先,你需要在项目中安装`gt-grid`。如果你的项目是基于npm的,可以通过以下命令添加依赖: ```bash npm install gt-grid --save ``` 然后在你的JavaScript文件中引入`gt-grid`: ```javascript import 'gt-grid...

    网页Grid组件 GT-Grid组件

    网页Grid组件,特别是GT-Grid组件,是Web开发中一种强大的数据展示工具,它为开发者提供了灵活、高效且功能丰富的表格解决方案。Grid组件在网页应用中扮演着至关重要的角色,用于展示结构化数据,支持排序、筛选、...

    gt-grid 分页 用ajax 开发的 里面有例子

    在“gt-grid_1[1].25 分页 用ajax 开发的 里面有例子与还有原代码”的压缩包中,包含了实际的示例代码和资源,你可以通过查看和运行这些代码来更好地理解上述步骤。`gtdemo`文件可能包含了HTML、CSS和JavaScript文件...

    最新版GT-grid-好用的表格组件

    GT-grid是一款高效、易用的前端表格组件,它在最新的版本中提供了丰富的功能,包括但不限于分页、过滤、排序等,旨在帮助开发者更好地管理和展示数据,提升用户体验。以下是对GT-grid及其核心特性的详细介绍: 1. *...

    GT-GRID插件下载

    本文将深入探讨GT-GRID插件的核心特性、使用方法以及如何在项目中集成。 1. **核心特性** - 分页:GT-GRID支持分页,允许用户在大量数据中分块浏览,减少一次性加载的数据量,提高页面性能。 - 排序:用户可以...

    GT-Grid 1.0 基础教程(一)转载

    这段代码将创建一个包含学生信息的GT-Grid,并将其放置在ID为`grid1_container`的容器中。 #### 四、个性化设置 为了满足更多个性化需求,GT-Grid提供了丰富的配置选项。以下是一些常见的个性化设置: - **列宽**...

    Draw-Grid_100_catia插件_catia车线_drawgrid_Draw-Grid下载_catia_

    标题中的“Draw-Grid_100_catia插件_catia车线_drawgrid_Draw-Grid下载_catia_”提到了几个关键元素,分别是“Draw-Grid”,“CATIA 插件”,“catia车线”以及“下载”。这表明我们要讨论的是一个用于CATIA软件的...

    Ag-Grid Demo2.7z

    Ag-Grid是一款强大的数据网格组件,常用于JavaScript和TypeScript项目中,特别是在处理大量数据时,它提供了丰富的功能和优秀的性能。在这个"Ag-Grid Demo2.7z"压缩包中,你将找到一个示例项目,展示了如何在实际...

    前端开源库-ag-grid-community

    - **安装**:通常通过npm或yarn进行安装,例如`npm install ag-grid-community`。 - **初始化**:在项目中引入ag-Grid,并创建数据网格实例,设置数据源和列定义。 - **文档与示例**:ag-Grid提供详尽的官方文档和...

    ag-Grid Enterprise v19.1.1 (31 Oct 2018).7z

    ag-Grid Enterprise是一款高度可定制、高性能的数据网格组件,广泛应用于JavaScript和TypeScript项目中,为数据呈现、编辑和分析提供了强大的解决方案。v19.1.1是该组件的一个特定版本,发布于2018年10月31日。在...

    GT-Grid 1.36 版 前后台结合示例

    NULL 博文链接:https://fins.iteye.com/blog/283672

Global site tag (gtag.js) - Google Analytics