selector api 2 (version: 1)

getElementById, getElementsByClassName, querySelector, querySelectorAll

Comparing performance of: getElementById vs getElementsByClassName vs querySelector(ID) vs querySelector(class) vs querySelectorAll(ID) vs querySelectorAll(class) vs exposed global object vs exposed under the window object

Created: 6 months 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
    getElementById
    getElementsByClassName
    querySelector(ID)
    querySelector(class)
    querySelectorAll(ID)
    querySelectorAll(class)
    exposed global object
    exposed under the window object

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 6 months ago)
Mozilla/5.0 (iPhone; CPU iPhone OS 26_2_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/144.0.7559.95 Mobile/15E148 Safari/604.1
Chrome Mobile iOS 144 on iOS 26.2.0
View result in a separate tab
getElementById
35.4M/s
getElementsByClassName
24.4M/s
exposed global object
9.3M/s
exposed under the window object
8.9M/s
querySelector(class)
8.8M/s
querySelectorAll(class)
8.5M/s
querySelector(ID)
6.5M/s
querySelectorAll(ID)
3.5M/s
View exact numbers
Test name Executions per second
✓ getElementById 35,367,092 Ops/sec
getElementsByClassName 24,378,476 Ops/sec
exposed global object 9,349,821 Ops/sec
exposed under the window object 8,866,136 Ops/sec
querySelector(class) 8,817,032 Ops/sec
querySelectorAll(class) 8,534,186 Ops/sec
querySelector(ID) 6,487,606 Ops/sec
querySelectorAll(ID) 3,499,749 Ops/sec

Related benchmarks