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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36
Browser:
Chrome 122
Operating system:
Windows
Device Platform:
Desktop
Date tested:
2 years ago
Test name
Executions per second
getBBox
108654.5 Ops/sec
getBoundingClientRect
92431.8 Ops/sec
getComputedTextLength
118858.8 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();