MeasureThat.net

Run results for: querySelectorAll data attribute vs class name

Go to the benchmark
Run details:
Mozilla/5.0 (iPhone; CPU iPhone OS 15_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/19B74 [FBAN/FBIOS;FBDV/iPhone9,4;FBMD/iPhone;FBSN/iOS;FBSV/15.1;FBSS/3;FBID/phone;FBLC/zh_TW;FBOP/5]
Mobile Safari 15
iOS 15.1
Mobile
3 years ago
Test name Executions per second
data attribute 492574.2 Ops/sec
class name 582837.8 Ops/sec
HTML Preparation code:
AخA
 
1
<div class="test" data-attribute="test"></div>
2
<div class="test" data-attribute="test"></div>
3
<div class="test" data-attribute="test"></div>
4
<div class="test" data-attribute="test"></div>
5
<div class="test" data-attribute="test"></div>
6
<div class="test" data-attribute="test"></div>
7
<div class="test" data-attribute="test"></div>
8
<div class="test" data-attribute="test"></div>
9
<div class="test" data-attribute="test"></div>
10
<div class="test" data-attribute="test"></div>
11
<div class="test" data-attribute="test"></div>
12
<div class="test" data-attribute="test"></div>
13
<div class="test" data-attribute="test"></div>
14
<div class="test" data-attribute="test"></div>
15
<div class="test" data-attribute="test"></div>
16
<div class="test" data-attribute="test"></div>
17
<div class="test" data-attribute="test"></div>
18
<div class="test" data-attribute="test"></div>
19
<div class="test" data-attribute="test"></div>
20
<div class="test" data-attribute="test"></div>
21
<div class="test" data-attribute="test"></div>
22
<div class="test" data-attribute="test"></div>
23
<div class="test" data-attribute="test"></div>
24
<div class="test" data-attribute="test"></div>
Tests:

  • data attribute

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

  • class name

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