querySelector vs querySelectorAll vs getElementsByClassName vs querySelector (ID) vs getElementsByID Corrected+ (version: 1)

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

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

  • querySelector

  • querySelectorAll

  • getElementsByClassName

  • querySelector (ID)

  • getElementsByID

  • querySelectorAll+

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

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

    Fastest: N/A

    Slowest: N/A

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/109.0.0.0 Safari/537.36
Chrome 109 on Windows
View result in a separate tab
Test name Executions per second
querySelector 8650168.0 Ops/sec
querySelectorAll 2315579.2 Ops/sec
getElementsByClassName 14549909.0 Ops/sec
querySelector (ID) 4767273.0 Ops/sec
getElementsByID 22500926.0 Ops/sec
querySelectorAll+ 1430627.8 Ops/sec
Related benchmarks: