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

 JS getElementById vs querySelector vs getElementsByClassName (version: 0)

Speed of getElementById vs querySelector vs getElementsByClassName

Comparing performance of: getElementById vs querySelector (ID) vs querySelector (CLASSNAME) vs getElementsByClassName

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

  • getElementById

  • querySelector (ID)

  • querySelector (CLASSNAME)

  • getElementsByClassName

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    getElementById
    querySelector (ID)
    querySelector (CLASSNAME)
    getElementsByClassName

    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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36
Chrome 101 on Mac OS X 10.15.7
View result in a separate tab
Test name Executions per second
getElementById 3692020.0 Ops/sec
querySelector (ID) 2101665.0 Ops/sec
querySelector (CLASSNAME) 3119378.0 Ops/sec
getElementsByClassName 2581612.0 Ops/sec