getBoundingClientRect vs jQuery (v21)

Revision 21 of this benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="foo" style="width:500px; height:500px; padding:10px; border:10px solid #000000; box-sizing:border-box;">
</div>

Setup

foo = document.getElementById('foo');

Test runner

Ready to run.

Testing in
TestOps/sec
getBoundingClientRect
foo.getBoundingClientRect()
ready
offsetwidth/height
foo.offsetWidth;
foo.offsetHeight;
ready

Revisions

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