Info

Compares the performance of adding elements to DOM by using strings and innerHTML and creating DOMElement objects and appending them with appendChild().

Test runner

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

Java applet disabled.

document.body.innerHTML += '<div class="test"><p>This is a test</p></div>';

var div = document.createElement('div');
div.className = 'test';

var p = document.createElement('p');
p.innerText = 'This is a test';

div.appendChild(p);
document.body.appendChild(div);

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 GarciaWebDev on 7th August 2012
• Revision 2: published by GarciaWebDev on 8th August 2012
• Revision 3: published by jbdemonte on 25th January 2013
• Revision 4: published by Ian White on 13th February 2013
• Revision 5: published on 14th February 2013 and last updated on 15th February 2013
• Revision 6: published on 15th February 2013
• Revision 7: published on 15th February 2013
• Revision 8: published on 27th February 2013
• Revision 9: published on 28th February 2013
• Revision 10: published on 23rd March 2013
• Revision 11: published on 23rd March 2013
• Revision 12: published on 23rd March 2013
• Revision 13: published by Ben Rolfe on 14th April 2013
• Revision 14: published on 17th April 2013

1 comment