add-elements-to-dom

JavaScript performance comparison

Revision 3 of this test case created

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id='content'>
<p>Original Content</p>
</div>
 

Preparation code output

Original Content

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
appendChild
var i, html='';
for (i = 0; i < 50; i++) {
    html += "<p>Test</p>";
}
var temp = document.createElement("div");
temp.innerHTML = html;
document.getElementById("content").appendChild(temp);
 
pending…
InnerHtml concatenate
var i, html='';
for (i = 0; i < 50; i++) {
    html += "<p>Test</p>";
}
document.getElementById("content").innerHTML += html;
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