getBoundingRect vs offsetWidth vs getBBox vs getComputedTextLength in SVG (v13)

Revision 13 of this benchmark created on


Preparation HTML

<svg><text id="foo">FoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobarFoobarfoobar</text>
</svg>

Setup

var foo = document.getElementById('foo');

Test runner

Ready to run.

Testing in
TestOps/sec
getBoundingClientRect
foo.getBoundingClientRect().width;
ready
offsetWidth
foo.offsetWidth;
ready
getBBox
foo.getBBox().width
ready
getComputedTextLength
foo.getComputedTextLength()
ready
outerWdith
foo.outerWidth()
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.