document.body vs document.querySelector vs document.getElementsByTagName speed test (version: 1)

Comparing performance of: querySelector vs Direct access vs getElementsByTagName vs getElementsByTagName 2 vs getElementsByClassName vs getElementsByClassName 2 vs querySelector 2

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
    Direct access
    getElementsByTagName
    getElementsByTagName 2
    getElementsByClassName
    getElementsByClassName 2
    querySelector 2

    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
Direct access
40.1M/s
getElementsByTagName 2
21.2M/s
getElementsByClassName 2
15.8M/s
getElementsByTagName
10.8M/s
querySelector
10.7M/s
querySelector 2
9.4M/s
getElementsByClassName
9.0M/s
View exact numbers
Test name Executions per second
✓ Direct access 40,125,876 Ops/sec
getElementsByTagName 2 21,190,968 Ops/sec
getElementsByClassName 2 15,816,221 Ops/sec
getElementsByTagName 10,801,557 Ops/sec
querySelector 10,707,864 Ops/sec
querySelector 2 9,411,892 Ops/sec
getElementsByClassName 9,039,530 Ops/sec

Related benchmarks