Individual vs Batch jQuery insertion (v9)

Revision 9 of this benchmark created on

Preparation HTML

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

Setup

var nyanImg = '<img width="40px" src="http://i1.kym-cdn.com/photos/images/original/000/117/424/tumblr_ljwaimhJcK1qa4ebfo1_500.gif" />';

Test runner

Ready to run.

Testing in
TestOps/sec
Single insertion
// Times 10
jQuery('body').append(nyanImg);
jQuery('body').append(nyanImg);
jQuery('body').append(nyanImg);
jQuery('body').append(nyanImg);
jQuery('body').append(nyanImg);
jQuery('body').append(nyanImg);
jQuery('body').append(nyanImg);
jQuery('body').append(nyanImg);
jQuery('body').append(nyanImg);
jQuery('body').append(nyanImg);
ready
Batch insertion
var batch = jQuery("<div></div>");
for (var i = 0; i < 10; i++) {
  batch.append(batchNyan);
}
jQuery('body').append(batchNyan);
ready

Revisions

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

  • Revision 2: published by henrahmagix on
  • Revision 4: published by Benjaminbenben on
  • Revision 5: published by Rick Waldron on
  • Revision 6: published by Jon Raasch on
  • Revision 8: published by Pavithra on
  • Revision 9: published on
  • Revision 10: published on