189 8069 5689
这篇文章主要介绍“JavaScript如何测试表格组件的加载速度”，在日常操作中，相信很多人在JavaScript如何测试表格组件的加载速度问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”JavaScript如何测试表格组件的加载速度”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
创新互联公司拥有10余年成都网站建设工作经验,为各大企业提供成都网站设计、网站建设服务，对于网页设计、PC网站建设（电脑版网站建设）、App定制开发、wap网站建设（手机版网站建设）、程序开发、网站优化（SEO优化）、微网站、申请域名等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了很多网站制作、网站设计、网络营销经验，集策划、开发、设计、营销、管理等网站化运作于一体，具备承接各种规模类型的网站建设项目的能力。
一、表格行数测试
首先，针对每种表格，我们均建立了一个示例，均有 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如何测试表格组件的加载速度”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！