jQuery vs Prototype append (v3)

Revision 3 of this benchmark created by Duncan Cheuk Kan Ma on

Description

A speed analysis for appending data

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/prototype/1/prototype.js"></script>
<div id="test" style="display:none"></div>
<script>
  jQuery.noConflict();
  var html = "<div>test<p>test2</p2><h2>testing</h2>blah</div>";
  var count = 5000;
    
  function cleanup() {
    jQuery("#test").html("");
  }
  
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery append
cleanup();
for (var i = count; i--;) {
  jQuery("#test").append(html);
}
ready
Prototype append
cleanup();
for (var i = count; i--;) {
  $("test").insert(html);
}
ready

Revisions

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

  • Revision 1: published by Duncan Cheuk Kan Ma on
  • Revision 2: published by Duncan Cheuk Kan Ma on
  • Revision 3: published by Duncan Cheuk Kan Ma on