Test name | Executions per second |
---|---|
Canvas | 526424.5 Ops/sec |
OffscreenCanvas | 490879.7 Ops/sec |
offsetWidth | 531673.9 Ops/sec |
getBoundingClientRect | 535685.6 Ops/sec |
<div></div>
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d', { alpha: false });
context.font = 'bold 48px serif';
var offscreenCanvas = new OffscreenCanvas(0, 0);
var offscreenContext = offscreenCanvas.getContext('2d', { alpha: false });
offscreenContext.font = 'bold 48px serif';
var div = document.querySelector('div')
context.measureText("TESTM").width
offscreenContext.measureText("TESTM").width
div.textContent = "TESTM"
div.offsetWidth
div.textContent = "TESTM"
div.getBoundingClientRect().width