jquery-1.7.2 clone vs innerHTML+documentFragment

Benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div id="el" style="display:none">
</div>

Setup

var i = 1000,
        $el = $('#el');
    while (i--) {
        $el.append($('<li/>').text(i));
    }

Teardown


    $('#el').empty();

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery clone
var dom = $('html').clone();
ready
documentFragment + innerHTML
var df = document.createDocumentFragment();
df.innerHTML = $('html').html();
ready
documentFragment + innerHTMLx2
var df = document.createDocumentFragment();
df.innerHTML = $('html')[0].innerHTML;
ready
documentFragment + innerHTMLx2 - jQuery
var df = document.createDocumentFragment();
var htmlz = document.getElementsByTagName('html');
df.innerHTML = htmlz[0].innerHTML;
ready

Revisions

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