outerWidth and outerHeight in jQuery 1.7 vs. 1.8 vs. 1.10 (v4)

Revision 4 of this benchmark created by Fujiy on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script> var $jq17 = jQuery.noConflict( true ); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script> var $jq18 = jQuery.noConflict( true ); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script> var $jq19 = jQuery.noConflict( true ); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script> var $jq110 = jQuery.noConflict( true ); </script>

<div id="myEl" style="height:35px;width:40px;border:3px solid red">Test</div>

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery 1.7
var el = $jq17('#myEl');
el.outerHeight();
el.outerWidth();
ready
jQuery 1.8
var el = $jq18('#myEl');
el.outerHeight();
el.outerWidth();
ready
jQuery 1.9
var el = $jq19('#myEl');
el.outerHeight();
el.outerWidth();
ready
jQuery 1.10
var el = $jq110('#myEl');
el.outerHeight();
el.outerWidth();
ready

Revisions

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