offsetWidth vs $.width()

JavaScript performance comparison

Revision 8 of this test case created by Robert Freigang

Preparation code

<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>
    

Preparation code output

<div id="main" style="display:inline-block"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div>

Test runner

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

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
offsetWidth
var width = document.getElementById('main').offsetWidth;
pending…
jQuery.width()
var width = jQuery('#main').width();
pending…
jQuery.get(0).offsetWidth
var width = jQuery('#main').get(0).offsetWidth;
pending…

Compare results of other browsers

Revisions

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

0 Comments

Lorem ipsum dolor sit amet, consectetur adipiscing elit.