Benchmark: Dom element measure #1

HTML Preparation code:


<div>
  <div id='test'>Hello</div>
</div>

Script Preparation code:


var el = document.getElementById('test');

Tests:

offsetHeight
const h = el.offsetHeight; const t = el.offsetTop;
getClientBoundingRect
const r = el.getBoundingClientRect(); const h = r.height; const t = r.top;

Rendered benchmark preparation results:

Previous results

Test case name	Result
offsetHeight
getClientBoundingRect

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36

Browser/OS: Chrome 129 on Mac OS X 10.15.7

getClientBoundingRect

2.2M/s

offsetHeight

1.1M/s

View exact numbers

Test name	Executions per second
✓ getClientBoundingRect	2,211,330 Ops/sec
offsetHeight	1,105,398 Ops/sec

Dom element measure #1 (version: 1)