JavaScript表格組件加載速度測試
作者：黃利民
網絡技術一直在發展并提高，人們期望Web應用程序能提高桌面程序那樣的性能和用戶體驗。而數據表格又是企業級Web應用最為重要的部分，我們已經用了大量的數據（行數和列數）來測試流行的 JavaScript 表格的頁面加載速度。
網絡技術一直在發展并提高，人們期望Web應用程序能提高桌面程序那樣的性能和用戶體驗。而數據表格又是企業級Web應用最為重要的部分，我們已經用了大量的數據（行數和列數）來測試流行的 JavaScript 表格的頁面加載速度。
我們測試了四種表格組件：
● jqGrid
在我們的測試中，我們針對每種表格組件創建了一個示例，在頁面中用不同的行數和列數初始化表格。如果你想完全確保測試結果客觀，可自行查看加載速度（示例下載鏈接）。
一、表格行數測試
首先，針對每種表格，我們均建立了一個示例，均有 10列和不同的行數（從1oo行到10000行）。在 IE9 瀏覽器和***的Chrome中測試。下表展示了表格初始化所用時間。
在 IE9 瀏覽器中的結果：
|
Grid Loading Speed – Large Number of Rows
Chrome 中的結果：
|
Grid Loading Speed – Large Number of Rows
根據測試，dhtmlxGrid 的加載時間最短，頁面加載速度快于其他表格組件。隨著行數的增加，各組件之間的差別越發明顯。
二、表格列數測試
雖然列數測試場景不常見，但我們還是用不同數量的數目進行了測試。下面的圖表顯示了各表格組件在不同列數時的初始化時間。
IE9 瀏覽器中的結果:
|
Grid Loading Speed – Large Number of Columns
Chrome 中的結果：
|
Grid Loading Speed – Large Number of Columns
并不是所有的表格組件都禁得住 1000列的測試，Ext JS 就沒扛住。
盡管 jqGrid 在 IE9 更快，但 dhtmlxGrid 在 Chrome 中完勝。所以我們可以說，dhtmlxGrid 是最快的 JavaScript 表格組件。
英文：dhtmlx
原文鏈接：http://blog.jobbole.com/16754/
【編輯推薦】
責任編輯：林師授
來源：
伯樂在線
