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

 getElementById vs getElementsByClassName vs querySelector vs querySelectorAll (version: 0)

Comparing performance of: getElementById vs getElementsByClassName vs querySelector vs querySelectorAll

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

  • getElementById

  • getElementsByClassName

  • querySelector

  • querySelectorAll

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    getElementById
    getElementsByClassName
    querySelector
    querySelectorAll

    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: 2 years ago)
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36
Chrome 93 on Windows
View result in a separate tab
Test name Executions per second
getElementById 4055543.0 Ops/sec
getElementsByClassName 3177767.0 Ops/sec
querySelector 2242514.0 Ops/sec
querySelectorAll 1076695.0 Ops/sec