龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

JavaScript表格组件加载速度测试

时间:2013-03-06 14:58来源:未知 作者:admin 点击: 次
分享到：
网络技术一直在发展并提高，人们期望Web应用程序能提高桌面程序那样的性能和用户体验。而数据表格又是企业级Web应用最为重要的部分，我们已经用了大量的数据（行数和列数）来测

网络技术一直在发展并提高，人们期望Web应用程序能提高桌面程序那样的性能和用户体验。而数据表格又是企业级Web应用最为重要的部分，我们已经用了大量的数据（行数和列数）来测试流行的 JavaScript 表格的页面加载速度。

我们测试了四种表格组件：

● Dojo grid

● jqGrid

● Ext JS grid

● dhtmlxGrid

在我们的测试中，我们针对每种表格组件创建了一个示例，在页面中用不同的行数和列数初始化表格。如果你想完全确保测试结果客观，可自行查看加载速度（示例下载链接）。

一、表格行数测试

首先，针对每种表格，我们均建立了一个示例，均有 10列和不同的行数（从1oo行到10000行）。在 IE9 浏览器和最新的Chrome中测试。下表展示了表格初始化所用时间。

在 IE9 浏览器中的结果：

  Dojo jqGrid Ext JS dhtmlxGrid
100 行 308 ms 60 ms 265 ms 51 ms
500 行 312 ms 61 ms 282 ms 58 ms
1,000 行 324 ms 63 ms 305 ms 61 ms
5,000 行 368 ms 94 ms 512 ms 65 ms
10,000 行 469 ms 143 ms 702 ms 67 ms

Grid Loading Speed - Large Number of Rows in IE9
精彩图集
node+express+ejs制作简单页面上手指南_node.js
node+express+
js点亮星星评分并获取参数的js代码
js点亮星星评
鼠标滑过出现预览的大图提示效果
鼠标滑过出
查找Oracle高消耗语句的方法
查找Oracle高
PHP开发者必须掌握的6个关键字
PHP开发者必

热门标签

radio 读写文本文件 输出js脚本 Coding 父进程 移动文件指针 故障修复 超时限 预编译头文件 获取cpu信息 缩写替换 get(0) sizeof用法 调用c UTF-8 矩阵转置 atime fopen stl常用算法 类成员 据库表结构 FFMPEG 类级属性 js页面传值 背景 MONTH curl访问 Else 关键词 非阻塞IO 加速获取端 mysql-bin.in python打包exe win32 php转义函数 花括号 报404错误 extend 数组深度 语句统计 createTextRa 读取短信 转移表 php php控制数组 WEB标准 高频触 优先级队列 设置选中项 AudioRecorde video标签 标准库函数 恢复数据库 onreadystate js图片轮播 php php校验表 puts 操作 RadioGroup MSSQL2005 Web页面

赞助商链接