溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“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進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
