Shulou(Shulou.com)05/31 Report--

This article mainly introduces "JavaScript how to test the loading speed of the table component". In the daily operation, I believe that many people have doubts about how to test the loading speed of the table component in JavaScript. The editor consulted all kinds of data and sorted out a simple and easy-to-use method of operation. I hope it will be helpful to answer the doubt of "how to test the loading speed of the form component by JavaScript". Next, please follow the editor to study!

1. Table row count test

First, we created an example for each table, with 10 columns and different rows (from 1oo rows to 10000 rows). Test it in an IE9 browser and * * Chrome. The following table shows the time it takes to initialize the table.

The result in the IE9 browser:

DojojqGridExt JSdhtmlxGrid100 line 308 ms60 ms265 ms51 ms500 line 312 ms61 ms282 ms58 ms1000 line 324 ms63 ms305 ms61 ms5000 line 368 ms94 ms512 ms65 ms10000 line 469 ms143 ms702 ms67 ms

Grid Loading Speed-Large Number of Rows

Results in Chrome:

DojojqGridExt JSdhtmlxGrid100 line 171 ms43 ms91 ms25 ms500 line 174 ms54 ms102 ms26 ms1000 line 178 ms55 ms135 ms27 ms5000 line 193 ms88 ms317 ms29 ms10000 line 226 ms143 ms654 ms32 ms

Grid Loading Speed-Large Number of Rows

According to the test, dhtmlxGrid has the shortest loading time and the page loading speed is faster than other table components. As the number of rows increases, the differences between components become more obvious.

II. Test the number of columns in the table

Although column count test scenarios are not common, we tested them with different numbers. The following chart shows the initialization time of each table component with different number of columns.

The result in the IE9 browser:

DojojqGridExt JSdhtmlxGrid10 column 325 ms69 ms301 ms60 ms50 column 734 ms139 ms1316 ms172 ms100 column 1226 ms281 ms2702 ms298 ms1000 column 12379 ms2858 msfailed ms5692 ms

Grid Loading Speed-Large Number of Columns

Results in Chrome:

DojojqGridExt JSdhtmlxGrid10 column 171ms45 ms142 ms28 ms50 column 519 ms152 ms589 ms62 ms100 column 1004 ms267 ms1237 ms102 ms1000 column 8712 ms4331 msfailed ms1176 ms

Grid Loading Speed-Large Number of Columns

Not all table components can withstand the test of 1000 columns, and Ext JS does not.

Although jqGrid is faster in IE9, dhtmlxGrid wins in Chrome. So we can say that dhtmlxGrid is the fastest JavaScript table component.

At this point, the study on "how to test the loading speed of table components by JavaScript" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.