jQuery append vs html (v4)

Revision 4 of this benchmark created on

Preparation HTML

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

<div class="container"></div>
<script>
  var insertion = "<table><tr><td>1</td><td>2</td><td>3</td></tr></table>";
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
innerHTML
$('.container').each(function() {
 var tableElement = "<table><tr><td>1</td><td>1</td><td>1</td></tr></table>";
 this.innerHTML = tableElement;
})
ready
html()
$('.container').html("<table><tr><td>2</td><td>2</td><td>2</td></tr></table>");
ready
append()
$('.container').append("<table><tr><td>3</td><td>3</td><td>3</td></tr></table>");
ready

Revisions

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