YUI v3.4.1 vs. jQuery v1.7.4 DOM queries

JavaScript performance comparison

Revision 6 of this test case created by Mauno

Preparation code

<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js">
</script>
<script src="http://code.jquery.com/jquery-1.7.min.js">
</script>
<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>
</div>
<script>
  var selectors = ['body', 'div', 'body div', 'div a', 'div > a', 'div[class^=test]', 'div, li, a', '.menuitem', 'li.menuitem', '#linkone', 'div#test', 'a[title*=item]', 'a[title=test]', 'li:nth-child(even)', 'li:nth-child(odd)', 'li:last-child', 'li:first-child'];
</script>

Preparation code output

test link

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
jQuery v1.7
 
for (var sel in selectors) {
  $(sel);
}
 pending…
YUI v3.4.1
 
YUI().use('node', function(Y) {
  for (var sel in selectors) {
    Y.one(sel);
  }
});
 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:

1 comment

CTPAx commented : ∞

Test is not objective. Look, for YUI test code part every iteration executing YUI().use('node'), which is creating new YUI instance with own namespase and make request to yui CDN for loading "node" module.

So, you can imagine how many time it tooks to create instance and make request to receive answer from CDN...

Add a comment