Fastest HTML tag

JavaScript performance comparison

Revision 3 of this test case created by Jonathan Perry

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.

Testing in unknown unknown
Test Ops/sec
div
element.innerHTML = '<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>';
pending…
span
element.innerHTML = '<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>';
pending…
b
element.innerHTML = '<b></b><b></b><b></b><b></b><b></b><b></b><b></b><b>h</b><b></b><b></b>';
pending…
i
element.innerHTML = '<i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>';
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