不同浏览器(chrome,firefox,IE)在JQuery与原生JS之执行性能比较
浏览数：27 /
时间：2015年06月09日
本次测试所用浏览器为chrome(36.0.1985.125m),firefox(31.0),IE(8.0)
1. 比较JQuery在不同浏览器对于js的执行性能
计算插入20000条div节点所需时间
for(var i=0;i<20000;i++){ var divTag = document.createElement(‘div‘); $("#chn").append(divTag); }
Result:
时间单位ms
| chrome | 584 | 614 | 593 | 574 | 596 |
| firefox | 552 | 608 | 531 | 527 | 633 |
| IE | 6221 | 6187 | 6235 | 6127 | 6202 |
chrome和firefox基本接近，IE8的性能不敢恭维。。。
2. 比较原生JS的写上的执行性能法在不同浏览器
使用JS的appendChild来替代JQuery的append
for(var i=0;i<20000;i++){ var divTag = document.createElement(‘div‘); document.getElementById("chn").appendChild(divTag); //$("#chn").append(divTag);
时间单位ms
| chrome | 25 | 21 | 24 | 30 | 22 |
| firefox | 42 | 41 | 43 | 42 | 40 |
| IE | 311 | 302 | 305 | 305 | 307 |
数据不忍直视啊，让JQuery重度用户情何以堪。
chrome在原生JS执行速度上要超过firefox 2倍，与jQuery上执行相比也要快上30倍左右；
firefox在原生JS执行上相比于JQuery要快上10倍以上；
IE如果使用原生JS，则速度提高20倍；
结论：
- 如果使用JQuery开发，则chrome和firefox执行速度是差不多的。
- 如果使用原生JS开发，则chrome引擎表现是最突出的。
- 如果开发的JS运算量大，果断使用原生JS来编码，否则IE用户要崩溃了！！！
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
