這篇文章將為大家詳細(xì)講解有關(guān)JavaScript中怎么測試表格組件的加載速度，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

站在用戶的角度思考問題，與客戶深入溝通，找到杭錦網(wǎng)站設(shè)計(jì)與杭錦網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請域名、網(wǎng)頁空間、企業(yè)郵箱。業(yè)務(wù)覆蓋杭錦地區(qū)。

一、表格行數(shù)測試

首先，針對每種表格，我們均建立了一個(gè)示例，均有 10列和不同的行數(shù)（從1oo行到10000行）。在 IE9 瀏覽器和***的Chrome中測試。下表展示了表格初始化所用時(shí)間。

在 IE9 瀏覽器中的結(jié)果：

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 中的結(jié)果：

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

根據(jù)測試，dhtmlxGrid的加載時(shí)間最短，頁面加載速度快于其他表格組件。隨著行數(shù)的增加，各組件之間的差別越發(fā)明顯。

二、表格列數(shù)測試

雖然列數(shù)測試場景不常見，但我們還是用不同數(shù)量的數(shù)目進(jìn)行了測試。下面的圖表顯示了各表格組件在不同列數(shù)時(shí)的初始化時(shí)間。

IE9 瀏覽器中的結(jié)果:

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 中的結(jié)果：

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 表格組件。

關(guān)于JavaScript中怎么測試表格組件的加載速度就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

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

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、用戶體驗(yàn)、服務(wù)器托管、微信小程序、標(biāo)簽優(yōu)化、企業(yè)網(wǎng)站制作

廣告

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