Run results for: getBBox() vs getBoundingClientRect() vs baseVal

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:121.0) Gecko/20100101 Firefox/121.0

Browser: Firefox 121

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

baseVal

1.6M/s

getBBox

1.1M/s

getBoundingClientRect

371K/s

View exact numbers

Test name	Executions per second
✓ baseVal	1,550,351 Ops/sec
getBBox	1,090,357 Ops/sec
getBoundingClientRect	371,080 Ops/sec

HTML Preparation code:

<svg width="150" height="150">
	<text id="test1" y="50">test1</text>
	<text id="test2" y="100"></text>
    <text id="test3" y="150">test3</text>
</svg>

Script Preparation code:

var test1 = document.getElementById('test1');
var test2 = document.getElementById('test2');
var test3 = document.getElementById('test3');

Tests:

getBBox
test1.getBBox().y; test2.getBBox().y; test3.getBBox().y;
getBoundingClientRect
test1.getBoundingClientRect().y; test2.getBoundingClientRect().y; test3.getBoundingClientRect().y;
baseVal
test1.y.baseVal.getItem(0).value; test2.y.baseVal.getItem(0).value; test3.y.baseVal.getItem(0).value;