JavaScript如何测试表格组件的加载速度
这篇文章主要介绍"JavaScript如何测试表格组件的加载速度"，在日常操作中，相信很多人在JavaScript如何测试表格组件的加载速度问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"JavaScript如何测试表格组件的加载速度"的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
一、表格行数测试
首先，针对每种表格，我们均建立了一个示例，均有 10列和不同的行数（从1oo行到10000行）。在 IE9 浏览器和***的Chrome中测试。下表展示了表格初始化所用时间。
在 IE9 浏览器中的结果：
| DojojqGridExt JSdhtmlxGrid100 行308 ms60 ms265 ms51 ms500 行312 ms61 ms282 ms58 ms1,000 行324 ms63 ms305 ms61 ms5,000 行368 ms94 ms512 ms65 ms10,000 行469 ms143 ms702 ms67 ms |
Grid Loading Speed – Large Number of Rows
Chrome 中的结果：
| DojojqGridExt JSdhtmlxGrid100 行171 ms43 ms91 ms25 ms500 行174 ms54 ms102 ms26 ms1,000 行178 ms55 ms135 ms27 ms5,000 行193 ms88 ms317 ms29 ms10,000 行226 ms143 ms654 ms32 ms |
Grid Loading Speed – Large Number of Rows
根据测试，dhtmlxGrid 的加载时间最短，页面加载速度快于其他表格组件。随着行数的增加，各组件之间的差别越发明显。
二、表格列数测试
虽然列数测试场景不常见，但我们还是用不同数量的数目进行了测试。下面的图表显示了各表格组件在不同列数时的初始化时间。
IE9 浏览器中的结果:
| DojojqGridExt JSdhtmlxGrid10 列325 ms69 ms301 ms60 ms50 列734 ms139 ms1,316 ms172 ms100 列1,226 ms281 ms2,702 ms298 ms1,000 列12,379 ms2,858 msfailed ms5,692 ms |
Grid Loading Speed – Large Number of Columns
Chrome 中的结果：
| DojojqGridExt JSdhtmlxGrid10 列171 ms45 ms142 ms28 ms50 列519 ms152 ms589 ms62 ms100 列1,004 ms267 ms1,237 ms102 ms1,000 列8,712 ms4,331 msfailed ms1,176 ms |
Grid Loading Speed – Large Number of Columns
并不是所有的表格组件都禁得住 1000列的测试，Ext JS 就没扛住。
尽管 jqGrid 在 IE9 更快，但 dhtmlxGrid 在 Chrome 中完胜。所以我们可以说，dhtmlxGrid 是最快的 JavaScript 表格组件。
到此，关于"JavaScript如何测试表格组件的加载速度"的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注网站，小编会继续努力为大家带来更多实用的文章！
