offsetWidth vs $.width() (v8)

Revision 8 of this benchmark created by Robert Freigang on January 23, 2015

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

var width = document.getElementById('main').offsetWidth;

var width = jQuery('#main').width();

var width = jQuery('#main').get(0).offsetWidth;

Revisions

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

• Revision 1: published on May 21, 2013
• Revision 2: published on December 28, 2013
• Revision 3: published on February 26, 2014
• Revision 5: published on August 21, 2014
• Revision 6: published by test on October 4, 2014
• Revision 7: published on January 6, 2015
• Revision 8: published by Robert Freigang on January 23, 2015
• Revision 9: published on April 28, 2015
• Revision 12: published on October 10, 2015
• Revision 14: published on January 15, 2016
• Revision 15: published by LN on January 23, 2016