MeasureThat.net
  • Create a benchmark
  • Online Toolsnew
  • About
  • Feedback
  • Buy me a coffeeBuy me a coffee

 Setting CSS: Direct CSS property vs setAttribute("style",...) (version: 0)

Which one is more efficiente setAttribute("style","color:red") or a.style.color = 'red'

Comparing performance of: setAttribute vs CSS properties

Created: one year ago by: Guest
Jump to the latest result
HTML Preparation code:
Script Preparation code:
Tests:

  • setAttribute

  • CSS properties

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    setAttribute
    CSS properties

    Fastest: N/A

    Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.
Website Performance Monitoring by Request Metrics
Latest run results:
Run details: (Test run date: one year ago)
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36 OPR/94.0.0.0
Opera 94 on Windows
View result in a separate tab
Test name Executions per second
setAttribute 1147284.0 Ops/sec
CSS properties 2248197.0 Ops/sec