Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
OffsetScreenCanvas.measureText VS. Canvas.measureText
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (Android 16; Mobile; rv:149.0) Gecko/149.0 Firefox/149.0
Browser:
Firefox Mobile 149
Operating system:
Android
Device Platform:
Mobile
Date tested:
27 days ago
Test name
Executions per second
measureText via Canvas
18314.8 Ops/sec
measureText via OffsetScreenCanvas
18897.2 Ops/sec
Script Preparation code:
const font = '12px sans-serif'; const testTexts = window.testTexts = '国口永水〇0o123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split(''); window.measureText = (() => { const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); ctx.font = font; return (txt) => ctx.measureText(txt); })(); window.oscMeasureText = (() => { const canvas = new window.OffscreenCanvas(0, 0); const ctx = canvas.getContext('2d'); ctx.font = font; return (txt) => ctx.measureText(txt); })();
Tests:
measureText via Canvas
testTexts.map(txt => measureText(txt))
measureText via OffsetScreenCanvas
testTexts.map(txt => oscMeasureText(txt))