offsetWidth vs $.width() (v3)

Revision 3 of this benchmark created on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="main" style="display:inline-block">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
test
var height = jQuery('#main').offsetHeight;
ready
jQuery.height()
var height = jQuery('#main').height();
ready
offsetHeight
var height = document.getElementById('main').offsetHeight;
ready
jQuery.width()
var width = jQuery('#main').width();
ready
offsetWidth
var width = document.getElementById('main').offsetWidth;
ready

Revisions

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