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

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Browser: Chrome 137

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

baseVal

3.6M/s

getBBox

534K/s

getBoundingClientRect

404K/s

View exact numbers

Test name	Executions per second
✓ baseVal	3,595,992 Ops/sec
getBBox	533,903 Ops/sec
getBoundingClientRect	404,458 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;