jquery 1.8.3 vs 1.5.2 (v30)

Revision 30 of this benchmark created on

Description

Comparison of performance between jQuery versions

Preparation HTML

<div id="test"> 
  <div class="testlink">
    <a href="#" id="linkone" title="test">test link</a>
  </div> 
  <div class="testmenu">
    <ul>
      <li class="menuitem itemone">
        <a href="#" title="item 1">menu item 1</a>
      </li>
      <li class="menuitem itemtwo">
        <a href="#" title="item 2">menu item 2</a>
      </li>
      <li class="menuitem itemthree">not clickable item 3
      </li>
    </ul>
  </div>

  <input name="myName" id="myName" class="myName" type="text" />
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script> var $jq152 = jQuery.noConflict( true ); </script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script> var $jq183 = jQuery.noConflict( true ); </script>

Test runner

Ready to run.

Testing in
TestOps/sec
id 1.8.3: $jq183('#linkone');
$jq183('#linkone');
ready
id 1.5.2: $jq152('#linkone');
$jq152('#linkone');
ready
class 1.8.3: $jq183('.menuitem');
$jq183('.menuitem');
ready
class 1.5.2: $jq152('.menuitem');
$jq152('.menuitem');
ready
descendent tag - class 1.8.2: $jq183('div.testmenu a');
$jq183('div.testmenu a');
ready
descendent tag - class 1.5.2: $jq152('div.testmenu a');
$jq152('div.testmenu a');
ready
unquoted attr check 1.8.2: $jq183('div[title=test]');
$jq183('div[title=test]');
ready
unquoted attr check 1.5.2: $jq152('div[title=test]');
$jq152('div[title=test]');
ready
generic descendant 1.8.3: $jq183('body div');
$jq183('body div');
ready
generic descendant 1.5.2: $jq152('body div');
$jq152('body div');
ready
name 1.8.2: $jq183("[name='myName']");
$jq183("[name='myName']");
ready
name 1.5.2: $jq152("[name='myName']");
$jq152("[name='myName']");
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.