Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
getBBox() vs getBoundingClientRect() vs baseVal
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36
Browser:
Chrome 134
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Test name
Executions per second
getBBox
208431.2 Ops/sec
getBoundingClientRect
155325.1 Ops/sec
baseVal
1221004.8 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;