MeasureThat.net
  • Create a benchmark
  • Online Toolsnew
  • About
  • Feedback
  • Buy me a coffeeBuy me a coffee

 Selector performance 2 (version: 0)

Comparing performance of: id - getElementById vs id - querySelector vs class - getElementsByClassName vs class - querySelectorAll vs tag - getElementsByTagName vs tag - querySelectorAll

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

  • id - getElementById

  • id - querySelector

  • class - getElementsByClassName

  • class - querySelectorAll

  • tag - getElementsByTagName

  • tag - querySelectorAll

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    id - getElementById
    id - querySelector
    class - getElementsByClassName
    class - querySelectorAll
    tag - getElementsByTagName
    tag - querySelectorAll

    Fastest: N/A

    Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.
Website Performance Monitoring by Request Metrics
Latest run results:
Run details: (Test run date: 4 years ago)
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36
Chrome 75 on Linux
View result in a separate tab
Test name Executions per second
id - getElementById 3082224.0 Ops/sec
id - querySelector 1861490.0 Ops/sec
class - getElementsByClassName 2987928.0 Ops/sec
class - querySelectorAll 908795.7 Ops/sec
tag - getElementsByTagName 3045802.0 Ops/sec
tag - querySelectorAll 1011367.0 Ops/sec