jquery: border box patch vs. 1.8pre (v4)

Revision 4 of this benchmark created by Mike Sherov on

Preparation HTML

<script src="http://mike.sherov.com/jquery/18pre.jquery.min.js"></script>
<script> pre = jQuery.noConflict(); </script>

<script src="http://mike.sherov.com/jquery/11004/jquery.min.js"> </script>
<script> patched = jQuery.noConflict(); </script>

<div id="bb" style="width:10px;padding:5px;border:1px solid black;margin:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;"></div>
<div id="cb" style="width:10px;padding:5px;border:1px solid black;margin:1px;"></div>
<script>
   var div = {
      pre_cb: pre( "div#cb" ),
      pre_bb: pre( "div#bb" ),
      patched_cb: patched( "div#cb" ),
      patched_bb: patched( "div#bb" ),
   };
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
pre cb .css(width)
div.pre_cb.css( "width" );
ready
patched cb .css(width)
div.patched_cb.css( "width" );
ready
pre cb .width()
div.pre_cb.width();
ready
patched cb .width()
div.patched_cb.width();
ready
pre bb .css(width)
div.pre_bb.css( "width" );
ready
patched bb .css(width)
div.patched_bb.css( "width" );
ready
pre bb .width()
div.pre_bb.width();
ready
patched bb .width()
div.patched_bb.width();
ready

Revisions

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