getElementById vs querySelector 2025 year version (version: 1)

Comparing performance of: getElementById vs querySelector

Created: one year ago by: Guest
Go to the latest result
HTML Preparation code:
Tests:

Historical Performance Data aggregated from 19 community runs

Desktop Results:
Chrome 10 runs
getElementById
30.4M/s
querySelector
6.4M/s

Fastest: getElementById (4.7x faster)

View exact numbers
  • ✓ getElementById: 30,386,300 ops/sec
  • • querySelector: 6,419,753 ops/sec
Firefox 9 runs
getElementById
7.2M/s
querySelector
3.9M/s

Fastest: getElementById (1.8x faster)

View exact numbers
  • ✓ getElementById: 7,240,954 ops/sec
  • • querySelector: 3,916,791 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    getElementById
    querySelector

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 6 months ago)
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:147.0) Gecko/20100101 Firefox/147.0
Firefox 147 on Mac OS X 10.15
View result in a separate tab
getElementById
13.3M/s
querySelector
7.8M/s
View exact numbers
Test name Executions per second
✓ getElementById 13,324,489 Ops/sec
querySelector 7,830,198 Ops/sec

Related benchmarks