querySelector, querySelectorAll, getElementsByClassName, querySelector (ID), getElementsByID (version: 1)

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

Created: one year ago by: Registered User
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

    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/132.0.0.0 YaBrowser/25.2.0.0 Safari/537.36
Yandex Browser 25 on Windows
View result in a separate tab
getElementsByID
22.9M/s
getElementsByClassName
15.7M/s
querySelector
15.6M/s
querySelector (ID)
7.7M/s
querySelectorAll
5.2M/s
View exact numbers
Test name Executions per second
✓ getElementsByID 22,928,622 Ops/sec
getElementsByClassName 15,711,879 Ops/sec
querySelector 15,648,619 Ops/sec
querySelector (ID) 7,695,480 Ops/sec
querySelectorAll 5,167,806 Ops/sec

Related benchmarks