Run results for: offsetWidth vs getBoundingClientRect1

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Browser: Chrome 131

Operating system: Linux

Device Platform: Desktop

Date tested: 2 months ago

Test name	Executions per second
offsetWidth	1453534.2 Ops/sec
getBoundingClientRect	958369.4 Ops/sec

HTML Preparation code:

<div id="test">test</div>

AخA
 
<div id="test">test</div>

Script Preparation code:

var test_n = '123px';
var _style = window.getComputedStyle(document.getElementById('test'));

 
var test_n = '123px';var _style = window.getComputedStyle(document.getElementById('test'));

Tests:

offsetWidth
document.getElementById('test').offsetWidth;
document.getElementById('test').offsetWidth;
getBoundingClientRect
document.getElementById('test').getBoundingClientRect().width;
document.getElementById('test').getBoundingClientRect().width;