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

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

Created: 5 months ago by: Guest
Jump to the latest result
HTML Preparation code:
Script Preparation code:
Tests:

  • querySelector w/ string concatenation

  • querySelector w/ string

  • getElementById

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: 2 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
Test name Executions per second
querySelector w/ string concatenation 1174309.5 Ops/sec
querySelector w/ string 1195754.6 Ops/sec
getElementById 4966780.5 Ops/sec
Related benchmarks: