Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<ul id="container">
</ul>
<script>
  Benchmark.prototype.setup = function() {
    var ITERATIONS = 1000;
  };

  Benchmark.prototype.teardown = function() {
    document.getElementById("container").innerHTML = "";
  };
</script>

Preparation code output

Test runner

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

Java applet disabled.

var container = document.getElementById("container");
for (var i = 0; i < ITERATIONS; ++i) {
  container.appendChild(document.createElement("li"));
}

var frag = document.createDocumentFragment(),
    i;

for (i = 0; i < ITERATIONS; ++i) {
  frag.appendChild(document.createElement("li"));
}

document.getElementById("container").appendChild(frag);

var $container = $('#container'),
    i;

for (i = 0; i < ITERATIONS; ++i) {
  $container.append($("<li>"));
}

for (var i = 0; i < ITERATIONS; ++i) {
  $('#container').append($("<li>"));
}

var lis = [];
for (var i = 0; i < ITERATIONS; ++i) {
  lis.push('<li></li>');
}

document.getElementById("container").innerHTML = lis.join('\n');

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 1: published by Justin Johnson on 4th January 2012
• Revision 3: published by Simo on 14th February 2012
• Revision 4: published by Matthew Miller on 15th February 2012
• Revision 5: published by Matthew Miller on 15th February 2012
• Revision 6: published by Rajesh Jagannathan on 3rd August 2012
• Revision 7: published on 15th January 2013

0 comments