jQuery 1.7.2 vs. jQuery 1.8.2

JavaScript performance comparison

Revision 8 of this test case created

Preparation code

<script src="http://code.jquery.com/jquery-1.7.2.min.js">
</script>
<script type="text/javascript">
  var jQ17 = jQuery.noConflict();
</script>
<script src="http://code.jquery.com/jquery-1.8.2.min.js">
</script>
<script type="text/javascript">
  var jQ18 = jQuery.noConflict();
</script>
<div id="idSelector">
</div>
<div class="classSelector">
</div>
<ul id="iteration">
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
  <li>
  </li>
</ul>
<div id="cssGetter" style="color: black;">
</div>
<div id="cssSetter" style="color: black;">
</div>
<div id="find">
  <span>
  </span>
  <div>
    <strong>
    </strong>
  </div>
</div>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
1.7.2 ID Selector
jQ17("#idSelector");
pending…
1.8.2 ID Selector
jQ18("#idSelector");
pending…
1.7.2 Class Selector
jQ17(".classSelector");
pending…
1.8.2 Class Selector
jQ18(".classSelector");
pending…
1.7.2 Iteration
jQ17("#iteration li").each(function(i, e) {

});
pending…
1.8.2 Iteration
jQ18("#iteration li").each(function(i, e) {

});
pending…
1.7.2 CSS Getter
jQ17("#cssGetter").css("color");
pending…
1.8.2 CSS Getter
jQ18("#cssGetter").css("color");
pending…
1.7.2 CSS Setter
jQ17("#cssSetter").css("color", "red");
pending…
1.8.2 CSS Setter
jQ18("#cssSetter").css("color", "red");
pending…
1.7.2 Find
jQ17("#find").find("strong");
pending…
1.8.2 Find
jQ18("#find").find("strong");
pending…
1.7.2 Non-existent ID
jQ17("#someID");
pending…
1.8.2 Non-existent ID
jQ18("#someID");
pending…
1.7.2 Non-existent Class
jQ17(".someClass");
pending…
1.8.2 Non-existent Class
jQ18(".someClass");
pending…

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

2 comments

Razor4tx commented :

So? the graph shows that jQuery 1.8.2 in about half the cases? As in "CSS Getter, Iteration and ID Selector" 1.8.2 shows slower result then 1.7.2? Does that means that jQuery 1.8.2 has improved in only about half?

HeroNote commented :

Free jQuery eBook Update:

http://www.heronote.com/files/jQuery.htm

Add a comment