outerWidth and outerHeight in jQuery 1.7 vs. 1.8 (v2)

Revision 2 of this benchmark created 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>

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

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery 1.7
var $els = $jq17('.el').each(function(){
  $jq17(this).outerHeight();
  $jq17(this).outerWidth();
});
ready
jQuery 1.8
var $els = $jq18('.el').each(function(){
  $jq18(this).outerHeight();
  $jq18(this).outerWidth();
});
ready
jQuery 1.9
var $els = $jq19('.el').each(function(){
  $jq19(this).outerHeight();
  $jq19(this).outerWidth();
});
ready

Revisions

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