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
Go to the latest result
HTML Preparation code:
Tests:
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
getElementsByID
22.5M/s
getElementsByClassName
14.5M/s
querySelector
8.7M/s
querySelector (ID)
4.8M/s
querySelectorAll
2.3M/s
querySelectorAll+
1.4M/s
View exact numbers
Test name Executions per second
✓ getElementsByID 22,500,926 Ops/sec
getElementsByClassName 14,549,909 Ops/sec
querySelector 8,650,168 Ops/sec
querySelector (ID) 4,767,273 Ops/sec
querySelectorAll 2,315,579 Ops/sec
querySelectorAll+ 1,430,628 Ops/sec

Related benchmarks