dom vs html again and again

JavaScript performance comparison

Revision 2 of this test case created

Preparation code

 
<script>
Benchmark.prototype.setup = function() {
    var txt = "foobar";
    var body = document.body
   
    var createLinkItem = function (txt) {
      var link = document.createElement("a");
      link.textContent = txt;
      var listItem = document.createElement("li");
      listItem.appendChild(link);
      return listItem;
    }
   
    var createHTML = function (txt) {
      var link = "<a>" + txt + "</a>";
      var row = "<li>" + link + "</li>";
      return row;
    }
};
</script>

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
DOM
body.appendChild(createLinkItem("foobar"));

var childNodes = body.childNodes;
body.removeChild(childNodes[childNodes.length - 1]);
pending…
HTML
document.body.innerHTML += createHTML("foobar");

var childNodes = body.childNodes;
body.removeChild(childNodes[childNodes.length - 1]);
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