原生js和jQuery的DOM操作函数速度比较
2011-03-11 14:39
751 查看
大家都知道jQuery(JQ)是基于js的代码封装,性能肯定不如原生js好,尤其是DOM操纵部分性能差异明显。今天要研究的就是原生js和jQuery的DOM操作函数在主流浏览器中的性能差异究竟是多少,是否真的差距明显。
测试平台:E5400+2G DDR2+Windows 7 SP1 32bit
参与测试的浏览器有:
FireFox: 3.6.3
IE6
IE8
Chrome: 10.0.648
Safari: 5.0.1
Opera: 10.01
测试方法:对于一次处理一个对象的函数,循环执行3000次,对于批量处理函数,一次处理3000个对象。
结果见下图,时间单位是毫秒:
结果分析:大部分时候,原生js的确比JQ快,最快的是IE6中执行getElementsByName,竟然比JQ快了4000多倍。最小的也有1.3倍。
这里面有个例外,是html值读写,JQ都比原生js快,快的还不少。
最后不得不说一句,IE系列,你们实在是太慢了。等IE9来改变一切吧。
测试平台:E5400+2G DDR2+Windows 7 SP1 32bit
参与测试的浏览器有:
FireFox: 3.6.3
IE6
IE8
Chrome: 10.0.648
Safari: 5.0.1
Opera: 10.01
测试方法:对于一次处理一个对象的函数,循环执行3000次,对于批量处理函数,一次处理3000个对象。
结果见下图,时间单位是毫秒:
结果分析:大部分时候,原生js的确比JQ快,最快的是IE6中执行getElementsByName,竟然比JQ快了4000多倍。最小的也有1.3倍。
这里面有个例外,是html值读写,JQ都比原生js快,快的还不少。
最后不得不说一句,IE系列,你们实在是太慢了。等IE9来改变一切吧。
相关文章推荐
- 原生js和jQuery的DOM操作函数速度比较
- 原生js和jQuery的DOM操作函数速度比较
- 使用Jquery与vuejs操作dom比较
- js与jQuery的DOM操作比较(一)
- 认识JQuery,JQuery的优势、语法、多库冲突、JS原生对象和JQuery对象之间相互转换和DOM操作,常用的方法
- 框架操作DOM和原生js操作DOM比较
- 原生JS与jQuery操作DOM对比
- 原生JS与jQuery操作DOM对比
- 原生JS和jQuery操作DOM对比总结
- js原生的url操作函数,及使用方法。(附:下边还有jquery对url里的中文解码函数)
- 使用Jquery与vuejs操作dom比较
- 原生JS与jQuery操作DOM对比
- 【转】 原生JS与jQuery操作DOM对比
- 原生JS与jQuery操作DOM对比
- 浅谈原生JS和jQuery操作DOM
- 使用Jquery与vuejs操作dom比较
- DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
- 原生JS与jQuery操作DOM对比
- js与jQuery的DOM操作比较(二)
- 原生JS实现的DOM操作笔记(草稿整理)