Info

Which HTML tag is the fastest to render, or is there no difference?

Preparation code

 
<script>
  Benchmark.prototype.setup = function() {
    var element = document.getElementById("myElementTarget");
    if (element) {
    
        element.innerHTML = ""; 
    
    } else {
    
        element = document.createElement("div");
        element.id = "myElementTarget";
        document.body.appendChild(element);
    
    }
    
  };
</script>

Test runner

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

Java applet disabled.

element.innerHTML = '<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>';

element.innerHTML = '<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>';

element.innerHTML = '<b></b><b></b><b></b><b></b><b></b><b></b><b></b><b>h</b><b></b><b></b>';

element.innerHTML = '<i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>';

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 on 29th December 2012
• Revision 2: published on 29th December 2012
• Revision 3: published by Jonathan Perry on 29th December 2012

0 comments