MeasureThat.net

 querySelector vs querySelectorAll vs getElementsByClassName vs querySelector (ID) vs getElementsByID (2) (version: 0)

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

Created: 3 years ago by: Guest
Jump to the latest result
HTML Preparation code:
Tests:

  • querySelector

  • querySelectorAll

  • getElementsByClassName

  • querySelector (ID)

  • getElementsByID

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: 3 years ago)
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36
Chrome 88 on Windows
View result in a separate tab
Test name Executions per second
querySelector 367120.6 Ops/sec
querySelectorAll 283288.9 Ops/sec
getElementsByClassName 3997314.0 Ops/sec
querySelector (ID) 160849.7 Ops/sec
getElementsByID 3075070.5 Ops/sec
Related benchmarks: