Qwery vs Sizzle

JavaScript performance comparison

Revision 2 of this test case created and last updated

Info

Checking perf for basic selectors. Each revision will contain different tests.

Preparation code

<script src="//github.com/dperini/nwmatcher/raw/master/src/nwmatcher.js"></script>
<script src="//github.com/jquery/sizzle/raw/master/sizzle.js"></script>
<script src="//github.com/ded/qwery/raw/master/qwery.js"></script>
<div foo="bar"></div>
<div class="a"></div>
<div id="boosh">
  <div class="a b">
    <div class="d e" test="fg" id="booshTest"></div>
    <em test="f g"></em>
    <span class="h i a"></span>
  </div>
</div>
<div id="attr-test1"></div>
<div id="attr-test2"></div>
<div id="attr-test3" class="found you" title="whatup duders"></div>
<script>
  Benchmark.count = 0;
  Benchmark.prototype.setup = function() {
   var N = NW.Dom.select,
       Q = qwery,
       S = Sizzle,
       c = 0,
       id = "attr-test3" + (Benchmark.count += this.count),
       el = document.getElementById('attr-test3');
  };
 
  Benchmark.prototype.teardown = function() {
   el.id = 'attr-test3';
  };
</script>

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
Qwery Complex
el.id = id + (++c);
Q('div#' + id + c + '.found.you[title="whatup duders"]');
pending…
Sizzle Complex
el.id = id + (++c);
S('div#' + id + c + '.found.you[title="whatup duders"]');
pending…
NWMatcher Complex
el.id = id + (++c);
N('div#' + id + c + '.found.you[title="whatup duders"]');
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:

0 comments

Add a comment