MeasureThat.net

Run results for: computedStyleMap vs getComputedStyle (once)

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36
Chrome 133
Windows
Desktop
one month ago
Test name Executions per second
getComputedStyle 1291693.4 Ops/sec
computedStyleMap 1441801.2 Ops/sec
HTML Preparation code:
AخA
 
1
<div class="foo"></div>
Tests:

  • getComputedStyle

     
    var i = 1;
    var el = document.querySelector(".foo");
    while (i--) {
      window.getComputedStyle(el).getPropertyValue('color')
    }

  • computedStyleMap

     
    var i = 1; var el = document.querySelector(".foo"); while (i--) { el.computedStyleMap().get('color') }