這篇文章將為大家詳細講解有關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中怎么測試表格組件的加載速度就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

分享標題：JavaScript中怎么測試表格組件的加載速度
文章位置：http://m.newbst.com/article46/jesieg.html

成都網站建設公司_創新互聯，為您提供外貿網站建設、用戶體驗、服務器托管、微信小程序、標簽優化、企業網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯