Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
getBBox() vs getBoundingClientRect() vs getComputedTextLength()
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Mobile Safari/537.36
Browser:
Chrome Mobile 132
Operating system:
Android
Device Platform:
Mobile
Date tested:
one year ago
Test name
Executions per second
getBBox
19953.9 Ops/sec
getBoundingClientRect
15734.6 Ops/sec
getComputedTextLength
22329.3 Ops/sec
HTML Preparation code:
<svg width="150" height="150"> <text id="test1" y="50">test1</text> <text id="test2" y="100"> <tspan id="test3">test3</tspan> </text> <tspan id="test4">test4</tspan> </svg>
Script Preparation code:
var test1 = document.getElementById('test1'); var test2 = document.getElementById('test2'); var test3 = document.getElementById('test3'); var test4 = document.getElementById('test4');
Tests:
getBBox
test1.getBBox().width; test2.getBBox().width; test3.getBBox().width; test4.getBBox().width;
getBoundingClientRect
test1.getBoundingClientRect().width; test2.getBoundingClientRect().width; test3.getBoundingClientRect().width; test4.getBoundingClientRect().width;
getComputedTextLength
test1.getComputedTextLength(); test2.getComputedTextLength(); test3.getComputedTextLength(); test4.getComputedTextLength();