JavaScript如何測(cè)試表格組件的加載速度

這篇文章主要介紹“JavaScript如何測(cè)試表格組件的加載速度”，在日常操作中，相信很多人在JavaScript如何測(cè)試表格組件的加載速度問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”JavaScript如何測(cè)試表格組件的加載速度”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

創(chuàng)新互聯(lián)公司擁有10余年成都網(wǎng)站建設(shè)工作經(jīng)驗(yàn),為各大企業(yè)提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)服務(wù)，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、App定制開發(fā)、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、程序開發(fā)、網(wǎng)站優(yōu)化（SEO優(yōu)化）、微網(wǎng)站、申請(qǐng)域名等，憑借多年來(lái)在互聯(lián)網(wǎng)的打拼，我們?cè)诨ヂ?lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷經(jīng)驗(yàn)，集策劃、開發(fā)、設(shè)計(jì)、營(yíng)銷、管理等網(wǎng)站化運(yùn)作于一體，具備承接各種規(guī)模類型的網(wǎng)站建設(shè)項(xiàng)目的能力。

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

首先，針對(duì)每種表格，我們均建立了一個(gè)示例，均有 10列和不同的行數(shù)（從1oo行到10000行）。在 IE9 瀏覽器和***的Chrome中測(cè)試。下表展示了表格初始化所用時(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ù)測(cè)試，dhtmlxGrid 的加載時(shí)間最短，頁(yè)面加載速度快于其他表格組件。隨著行數(shù)的增加，各組件之間的差別越發(fā)明顯。

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

雖然列數(shù)測(cè)試場(chǎng)景不常見，但我們還是用不同數(shù)量的數(shù)目進(jìn)行了測(cè)試。下面的圖表顯示了各表格組件在不同列數(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列的測(cè)試，Ext JS 就沒扛住。

盡管 jqGrid 在 IE9 更快，但 dhtmlxGrid 在 Chrome 中完勝。所以我們可以說(shuō)，dhtmlxGrid 是最快的 JavaScript 表格組件。

到此，關(guān)于“JavaScript如何測(cè)試表格組件的加載速度”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

當(dāng)前題目：JavaScript如何測(cè)試表格組件的加載速度
分享地址：http://bm7419.com/article30/pcdgpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷型網(wǎng)站建設(shè)、用戶體驗(yàn)、網(wǎng)站設(shè)計(jì)、關(guān)鍵詞優(yōu)化、標(biāo)簽優(yōu)化、網(wǎng)站收錄

廣告

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