innerHeight vs $.fn.height()

Benchmark created on April 19, 2011

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
  $window = jQuery(window)
  $win = jQuery(window)
  $win.width = function() {
   return window.innerWidth;
  }
  $win.height = function() {
   return window.innerHeight;
  }
  
  A = {
   B: {
    height: $win.height(),
    width: $win.width()
   }
  }
  
  $win.cachedHeight = function() {
   return A.B.height;
  }
  
  $win.cachedWidth = function() {
   return A.B.width;
  }
  
  
  (function() {
   var width = A.B.width;
   var height = A.B.height;
   $win.cWidth = function() {
    return width;
   }
   $win.cHeight = function() {
    return height;
   }
  })();
</script>

Test runner

var x = jQuery(window).height();
var y = jQuery(window).width();

var a = window.innerHeight;
var b = window.innerWidth;

var c = $window.height();
var d = $window.width()

var q = $win.height();
var r = $win.width()

var w = $win.cachedHeight();
var h = $win.cachedWidth()

var cw = $win.cHeight();
var ch = $win.cWidth()

Revisions

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

• Revision 1: published on April 19, 2011