getBoundingClientRect vs offsetWidth (v14)

Revision 14 of this benchmark created by Jake on May 14, 2014

Preparation HTML

<div id="foo" style="width:500px; height:500px; padding:10px; border:10px solid #000000;"></div>

Setup

var foo = document.getElementById('foo');

Test runner

var rect = foo.getBoundingClientRect();

var width = foo.offsetWidth;
var height = foo.offsetHeight;

Revisions

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

• Revision 1: published on June 4, 2012
• Revision 2: published on July 17, 2012
• Revision 3: published on July 17, 2012
• Revision 5: published on November 5, 2012
• Revision 7: published on December 3, 2012
• Revision 8: published by Tanel Liiv on March 29, 2013
• Revision 9: published on June 5, 2013
• Revision 11: published on October 3, 2013
• Revision 12: published on February 25, 2014
• Revision 13: published on May 8, 2014
• Revision 14: published by Jake on May 14, 2014
• Revision 15: published on May 17, 2014
• Revision 16: published on May 22, 2014
• Revision 17: published on July 24, 2014
• Revision 19: published by test on September 19, 2014
• Revision 20: published on November 7, 2014
• Revision 22: published by Rick Hitchcock on February 10, 2015
• Revision 23: published by drwestco on February 14, 2015
• Revision 24: published on February 26, 2015
• Revision 25: published on March 16, 2015
• Revision 26: published on March 17, 2015
• Revision 27: published on April 17, 2015
• Revision 29: published on August 5, 2015
• Revision 30: published on August 24, 2015
• Revision 31: published on September 17, 2015