jquery.html vs innerHTML (v10)

Revision 10 of this benchmark created on

Preparation HTML

<script src="//code.jquery.com/jquery-2.0.3.min.js"></script>

<div id="list" style="display:none"></div>

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery.html()
var html = '';
html += '<div>Test ' + 1 + '</div>';

$('#list').html(html);
ready
innerHTML
var list = document.getElementById('list');
var html = '';

html += '<div>Test ' + 1 + '</div>';

list.innerHTML = html;
ready
innerHTML Concat
var list = document.getElementById('list');
var html = [];
html.push('<div>Test ' + 1 + '</div>');

list.innerHTML = html.join('');
ready

Revisions

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