Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
FAQ
Register
Log In
Run results for:
getComputedTextLength vs Canvas.2D.measureText
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=616426" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36
Browser:
Chrome 139
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Benchmark engine:
Benchmark.js
testCanvas
41K/s
testSvg
3K/s
View exact numbers
Test name
Executions per second
✓
testCanvas
41,429 Ops/sec
testSvg
2,907 Ops/sec
HTML Preparation code:
<svg width="150" height="150"> <text id="test1" y="50"></text> </svg>
Script Preparation code:
var svgText = document.getElementById('test1'); var canvas = document.createElement('canvas'); var context = canvas.getContext('2d'); function testSvg(text) { svgText.textContent = text; return svgText.getComputedTextLength(); } function testCanvas(text) { return context.measureText(text).width; }
Tests:
testSvg
testSvg('text'); testSvg('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); testSvg('移フ側大ゃぎすで経国場けおッ月設も静前ょわ父8鵜ハムラホ立申軽ハトヨシ減玲びずざあ球権ケ内歩そ観委ヒキ撃友訟テツ煙長さふるは軒5均ルへたす音16周果ざびッぞ。11違意そのト道近らざ確読どい教版ワ誕閥ヘユラワ王文借しドっね緯微エミケヌ問芸メサ訴県む。遊携さめみひ済最ヲムキヨ明出ずぱ国条余書都らじ今相サシタオ断通セロモ過気て銭過ヘルケ録稿ツカヱ試末ぼりや神詐れレぞ掲愛くぎ。');
testCanvas
testCanvas('text'); testCanvas('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'); testCanvas('移フ側大ゃぎすで経国場けおッ月設も静前ょわ父8鵜ハムラホ立申軽ハトヨシ減玲びずざあ球権ケ内歩そ観委ヒキ撃友訟テツ煙長さふるは軒5均ルへたす音16周果ざびッぞ。11違意そのト道近らざ確読どい教版ワ誕閥ヘユラワ王文借しドっね緯微エミケヌ問芸メサ訴県む。遊携さめみひ済最ヲムキヨ明出ずぱ国条余書都らじ今相サシタオ断通セロモ過気て銭過ヘルケ録稿ツカヱ試末ぼりや神詐れレぞ掲愛くぎ。');