IIFE vs Standard jQuery (v2)

Revision 2 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<style>
  body{word-break:break-all;}
</style>

Test runner

Ready to run.

Testing in
TestOps/sec
IIFE
(function($) {
  var foo = $('<div/>');
  $('body').append(foo);
  foo.detach();
})(jQuery);
ready
jQuery Simple
$(function() {
  var foo = $('<div/>');
  $('body').append(foo);
  foo.detach();
});
ready
Document Ready
$(document).ready(function() {
  var foo = $('<div/>');
  $('body').append(foo);
  foo.detach();
});
ready
jQuery Simple - 2
jQuery(function() {
  var foo = jQuery('<div/>');
  jQuery('body').append(foo);
  foo.detach();
});
ready
Document Ready - IIFE
(function($) {
  $(document).ready(function() {
    var foo = $('<div/>');
    $('body').append(foo);
    foo.detach();
  });
})(jQuery);
ready
Document Ready - jQuery
jQuery(document).ready(function() {
  var foo = jQuery('<div/>');
  jQuery('body').append(foo);
  foo.detach();
});
ready

Revisions

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