这篇文章主要介绍“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如何测试表格组件的加载速度”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。