Info

In some cases, my algorithm could use with jQuery.height() or jQuery.offset().top to perform its function, so I would like to use whichever is faster.

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script src="https://raw.github.com/dreamerslab/jquery.actual/master/jquery.actual.min.js"></script>

<div id="item" style="background-color: #ccc; width: 100px; height: 100px; top: 100px; left: 100px;"><p>Text here...</p></div>
<script>
  Benchmark.prototype.setup = function() {
    var $item = $("#item");
  };

  Benchmark.prototype.teardown = function() {
    delete $item; // Unneeded, but sometimes it just feels good :)
  };
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

$item.offset().top;

$item.height();

$item.actual("offset").top;

$item.actual("height");

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

Compare results of other browsers

0 comments