Document fragment (v30)

Revision 30 of this benchmark created by Ivan L on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div id='someElement'></div>

Setup

var append = function(container) {
      var divHeader = document.createElement("div");
      divHeader.id = "header";
      var divData = document.createElement("div");
      divData.id = "data";
      var divFooter = document.createElement("div");
      divFooter.id = "footer";
      container.appendChild(divHeader);
      container.appendChild(divData);
      container.appendChild(divFooter);
    };

Teardown


    $('#someElement').empty()

Test runner

Ready to run.

Testing in
TestOps/sec
No Fragment
var container = document.createElement("div");
container.id = "container";
append(container);
document.getElementById("someElement").appendChild(container);
ready
Fragment
var container = document.createDocumentFragment();
container.id = "container";
append(container);
document.getElementById("someElement").appendChild(container);
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.