Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36
Chrome 117
Mac OS X 10.15.7
Desktop
one year ago
Test name Executions per second
offsetWidth 1443959.0 Ops/sec
getBoundingClientRect 1277424.8 Ops/sec
canvas 1167941.2 Ops/sec
HTML Preparation code:
AخA
 
1
<div>Hello World</div>
Script Preparation code:
 
const canvas = document.createElement('canvas')
window.context = canvas.getContext('2d')
Tests:
  • offsetWidth

     
    document.querySelector('div').offsetWidth
  • getBoundingClientRect

     
    document.querySelector('div').getBoundingClientRect().width
  • canvas

     
    window.context.measureText('Hello world')