offsetWidth vs getBoundingClientRect1
Comparing performance of: offsetwidth vs getBoundingClientRect
Date tested:
2 months ago
User agent:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36
Test name
Executions per second
offsetWidth
1453534.2 Ops/sec
getBoundingClientRect
958369.4 Ops/sec
Benchmark definition (click to collapse):
HTML Preparation code:
<div id="test">test</div>
Script Preparation code:
var test_n = '123px'; var _style = window.getComputedStyle(document.getElementById('test'));
Tests:
offsetWidth
document.getElementById('test').offsetWidth;
getBoundingClientRect
document.getElementById('test').getBoundingClientRect().width;
Open this result on MeasureThat.net