MeasureThat.net

Run results for: querySelectorAll data attribute vs class name 4

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.97 Safari/537.36
Chrome 83
Windows 7
Desktop
4 years ago
Test name Executions per second
data attribute 174040.6 Ops/sec
class name 310205.5 Ops/sec
HTML Preparation code:
AخA
 
1
<div class="test" data-test></div>
2
<div class="test" data-test></div>
3
<div class="test" data-test></div>
4
<div class="test" data-test></div>
5
<div class="test" data-test></div>
6
<div class="test" data-test></div>
7
<div class="test" data-test></div>
8
<div class="test" data-test></div>
9
<div class="test" data-test></div>
10
<div class="test" data-test></div>
11
<div class="test" data-test></div>
12
<div class="test" data-test></div>
13
<div class="test" data-test></div>
14
<div class="test" data-test></div>
15
<div class="test" data-test></div>
16
<div class="test" data-test></div>
17
<div class="test" data-test></div>
18
<div class="test" data-test></div>
19
<div class="test" data-test></div>
20
<div class="test" data-test></div>
21
<div class="test" data-test></div>
22
<div class="test" data-test></div>
23
<div class="test" data-test></div>
24
<div class="test" data-test></div>
25
<div class="test" data-test></div>
26
<div class="test" data-test></div>
27
<div class="test" data-test></div>
28
<div class="test" data-test></div>
29
<div class="test" data-test></div>
30
<div class="test" data-test></div>
Tests:

  • data attribute

     
    var test = document.querySelectorAll('[data-test]');

  • class name

     
    var test = document.querySelectorAll('.test');