Preparation code

<script src="//code.jquery.com/jquery-1.8.1.min.js">
</script>
<script>
  jQuery.noConflict();
</script>
<script src="http://zeptojs.com/zepto.min.js">
</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>
<script>
  Benchmark.prototype.setup = function() {
    var container = document.createElement('div');
    container.id = 'testContainer';
    document.body.appendChild(container);
  };

  Benchmark.prototype.teardown = function() {
    var testContainer = document.getElementById('testContainer');
    document.body.removeChild(testContainer);
  };
</script>

Preparation code output

Test runner

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

Java applet disabled.

var jq1 = jQuery('<ul></ul>');


for (var i = 0; i < 100; i++) {
  var jq2 = jQuery('<li>Hello World!</li>');
  jq1.append(jq2);
}

jQuery(container).append(jq1);

var z1 = Zepto('<ul></ul>');


for (var i = 0; i < 100; i++) {
  var z2 = Zepto('<li>Hello World!</li>');
  z1.append(z2);
}

Zepto(container).append(z1);

var list = document.createElement('ul');

for (var i = 0; i < 100; i++) {
  var li = document.createElement('li');
  list.appendChild(li);
}

container.appendChild(list);

jQuery('#pageContainer').find('li')

Zepto('#pageContainer').find('li');

document.getElementById('pageContainer').getElementsByTagName('li');

jQuery('#find div').find('strong');

Zepto('#find div').find('strong');

var findContainer = document.getElementById('find');
var div = findContainer.getElementsByTagName('div');
div[0].querySelectorAll(':root strong');

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:

• Revision 2: published on 12th September 2012
• Revision 4: published on 17th February 2013

0 comments