html vs append

Benchmark created on

Preparation HTML

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

<ul id="list">
<li></li>
</ul>

Test runner

Ready to run.

Testing in
TestOps/sec
using html()
var list = '';

for (var i = 0; i < 100; i++) {
 list += '<li>' + i + '</li>';
}

$('#list').html(list);
ready
using append()
var list = '';

for (var i = 0; i < 100; i++) {
 list += '<li>' + i + '</li>';
}

$('#list').append(list);
ready

Revisions

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