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

 querySelector vs querySelectorAll vs getElementsByClassName vs querySelector (ID) vs getElementsByID (version: 0)

Comparing performance of: querySelector vs querySelectorAll vs getElementsByClassName vs querySelector (ID) vs getElementsByID

Created: 4 years ago by: Guest
Jump to the latest result
HTML Preparation code:
Tests:

  • querySelector

  • querySelectorAll

  • getElementsByClassName

  • querySelector (ID)

  • getElementsByID

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    querySelector
    querySelectorAll
    getElementsByClassName
    querySelector (ID)
    getElementsByID

    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: 11 hours ago)
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36
Chrome 117 on Linux
View result in a separate tab
Test name Executions per second
querySelector 9805404.0 Ops/sec
querySelectorAll 3891282.0 Ops/sec
getElementsByClassName 11762430.0 Ops/sec
querySelector (ID) 7560000.0 Ops/sec
getElementsByID 11660200.0 Ops/sec