querySelector("#id") vs getElementById("id") (version: 1)

Comparing performance of: querySelector w/ string concatenation vs querySelector w/ string vs getElementById

Created: 8 months 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 w/ string concatenation
    querySelector w/ string
    getElementById

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 5 months ago)
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:147.0) Gecko/20100101 Firefox/147.0
Firefox 147 on Windows
View result in a separate tab
getElementById
5.0M/s
querySelector w/ string
1.2M/s
querySelector w/ string concatenation
1.2M/s
View exact numbers
Test name Executions per second
✓ getElementById 4,966,780 Ops/sec
querySelector w/ string 1,195,755 Ops/sec
querySelector w/ string concatenation 1,174,310 Ops/sec

Related benchmarks