`

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以内

敬请期待吧.

分享到:
评论
7 楼 fins 2007-09-24  
整体页面的加载
是指什么呢?

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

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

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

实际上这个比较准确 因为 最终结果显示的时间 与我目测的一样.
也就是说 表格数据展现在大家眼前的时间 就是 onload里显示的时间.
6 楼 LucasLee 2007-09-24  
fins 写道
另外 5000条数据有些极端 很少有人会在一页里面显示5000条

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


这个意义还比较大。整体页面的加载,感觉有这么快么?
5 楼 estoneliu 2007-09-24  
Wonderful,GT Grid!
先搞个测试版的,也让咱们尝尝鲜啊?
4 楼 剑事 2007-09-24  
速度不错
5000条 直接HTML也快不到哪去

ext 1 比以前的 ext 0.33慢了不少
3 楼 fins 2007-09-24  
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秒
2 楼 王三 2007-09-24  
非常期待尝试一下!谢谢你的工作
1 楼 ray_linn 2007-09-24  
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