Document fragment (v15)

Revision 15 of this benchmark created on

Preparation HTML

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

Teardown


    $('#someElement').html( '' );

Test runner

Ready to run.

Testing in
TestOps/sec
No Fragment
var divContainer = document.createElement("div"); divContainer.id="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";
divContainer.appendChild( divHeader );
divContainer.appendChild( divData );
divContainer.appendChild( divFooter );
document.getElementById("someElement").appendChild( divContainer );
ready
Fragment
var fragment = document.createDocumentFragment();
var divHeader = document.createElement("div"); divHeader.id="header";
var divData = document.createElement("div"); divData.id="data";
var divFooter = document.createElement("div"); divFooter.id="footer";
fragment .appendChild( divHeader );
fragment .appendChild( divData );
fragment .appendChild( divFooter );
document.getElementById("someElement").appendChild( fragment);
ready

Revisions

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