MeasureThat.net

Run results for: querySelector(tag) vs querySelector(#ID)

test querySelector by tag against ID when only one element of that tag name exists

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.89 Safari/537.36
Chrome 84
Mac OS X 10.15.5
Desktop
4 years ago
Test name Executions per second
querySelector by TAG 1532669.9 Ops/sec
querySelector by ID 1018262.8 Ops/sec
HTML Preparation code:
​x
 
1
<html>
2
​
3
<head>
4
    <title>Title</title>
5
    <script></script>
6
</head>
7
​
8
<body>
9
    <nav id="menu"></nav>
10
    <header id="h"></header>
11
    <main id="content">
12
      <article></article>
13
    </main>
14
    <footer></footer>
15
</body>
16
​
17
</html>
Tests:

  • querySelector by TAG

     
    document.querySelectorAll('HEADER')

  • querySelector by ID

     
    document.querySelectorAll('#h')