Run results for: setFont measureText OffscreenCanvas vs Canvas

Run details:

User agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 129

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

Canvas textAlign

7.0M/s

Offscreen textAlign

6.8M/s

Offscreen textBaseline

6.6M/s

Canvas textBaseline

6.5M/s

Offscreen font

6.1M/s

Canvas font

1.2M/s

Canvas

436K/s

Offscreen

115K/s

View exact numbers

Test name	Executions per second
✓ Canvas textAlign	7,049,080 Ops/sec
Offscreen textAlign	6,839,198 Ops/sec
Offscreen textBaseline	6,617,614 Ops/sec
Canvas textBaseline	6,494,780 Ops/sec
Offscreen font	6,120,380 Ops/sec
Canvas font	1,248,799 Ops/sec
Canvas	436,406 Ops/sec
Offscreen	114,856 Ops/sec

Script Preparation code:

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');

var offscreenCanvas = new OffscreenCanvas(0, 0);
var offscreenContext = offscreenCanvas.getContext('2d');

Tests:

Canvas
context.measureText('M');
Offscreen
offscreenContext.measureText('M');
Canvas font
context.font = 'bold 48px serif';
Offscreen font
offscreenContext.font = 'bold 48px serif';
Canvas textBaseline
context.textBaseline = "hanging";
Offscreen textBaseline
offscreenContext.textBaseline = "hanging";
Canvas textAlign
context.textAlign = "center";
Offscreen textAlign
offscreenContext.textAlign = "center";