Run results for: getComputedTextLength vs Canvas.2D.measureText

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 EdgiOS/46.3.26 Mobile/15E148 Safari/605.1.15

Browser: Mobile Safari 15

Operating system: iOS 15.0

Device Platform: Mobile

Date tested: 3 years ago

Test name	Executions per second
testSvg	6621.7 Ops/sec
testCanvas	7962.3 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違意そのト道近らざ確読どい教版ワ誕閥ヘユラワ王文借しドっね緯微エミケヌ問芸メサ訴県む。遊携さめみひ済最ヲムキヨ明出ずぱ国条余書都らじ今相サシタオ断通セロモ過気て銭過ヘルケ録稿ツカヱ試末ぼりや神詐れレぞ掲愛くぎ。');