querySelector vs querySelectorAll vs getElementsByClassName when trying to select by group of similar ID elements (version: 1)

Comparing performance of: querySelector class vs getElementsByClassName vs getElementById vs querySelector with wildcards vs querySelectorAll with wildcards

Created: one year ago by: Guest
Go to the latest result
HTML Preparation code:
Script Preparation code:
Tests:
Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    querySelector class
    getElementsByClassName
    getElementById
    querySelector with wildcards
    querySelectorAll with wildcards

    Fastest: N/A

    Slowest: N/A

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/136.0.0.0 Safari/537.36
Chrome 136 on Mac OS X 10.15.7
View result in a separate tab
getElementById
44.0M/s
getElementsByClassName
32.2M/s
querySelector class
21.3M/s
querySelector with wildcards
8.8M/s
querySelectorAll with wildcards
2.9M/s
View exact numbers
Test name Executions per second
✓ getElementById 43,989,208 Ops/sec
getElementsByClassName 32,187,402 Ops/sec
querySelector class 21,254,566 Ops/sec
querySelector with wildcards 8,790,021 Ops/sec
querySelectorAll with wildcards 2,943,414 Ops/sec

Related benchmarks