innerHTML vs jQuery.html()

Benchmark created on

Preparation HTML

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

Setup

var $test = $('#test'),
        html = [];
    
    for(var i = 0; i < 1000; i++) {
        html.push('<div class="test">Haha</div>');
    }
    
    html_string = html.join('');

Test runner

Ready to run.

Testing in
TestOps/sec
innerHTML
$test[0].innerHTML = html_string;
ready
jQuery.html()
$test.html(html_string)
ready

Revisions

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