JavaScript表格组件加载速度测试

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

成都创新互联提供高防服务器租用、云服务器、香港服务器、眉山服务器托管等

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

● Dojo grid

● jqGrid

● Ext JS grid

● dhtmlxGrid

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

一、表格行数测试

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

在 IE9 浏览器中的结果：

Grid Loading Speed – Large Number of Rows

Chrome 中的结果：

Grid Loading Speed – Large Number of Rows

根据测试，dhtmlxGrid 的加载时间最短，页面加载速度快于其他表格组件。随着行数的增加，各组件之间的差别越发明显。

二、表格列数测试

虽然列数测试场景不常见，但我们还是用不同数量的数目进行了测试。下面的图表显示了各表格组件在不同列数时的初始化时间。

IE9 浏览器中的结果:

Grid Loading Speed – Large Number of Columns

Chrome 中的结果：

Grid Loading Speed – Large Number of Columns

并不是所有的表格组件都禁得住 1000列的测试，Ext JS 就没扛住。

尽管 jqGrid在 IE9 更快，但 dhtmlxGrid在 Chrome 中完胜。所以我们可以说，dhtmlxGrid 是最快的 JavaScript 表格组件。

英文：dhtmlx

标题名称：JavaScript表格组件加载速度测试
转载源于：http://www.hantingmc.com/qtweb/news1/543651.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联