Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
DataAttribute vs Class Selector vs ID Selector (2)
(version: 1)
Comparing performance of:
data attribute vs ID vs Class
Created:
8 months ago
by:
Guest
Go to the latest result
HTML Preparation code:
<div class="hello" id="hello" hello>Hello</div>
Tests:
data attribute
document.querySelector('[hello]');
ID
document.querySelector('#hello');
Class
document.querySelector('.hello');
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (3)
Previous results
Fork
Test case name
Result
data attribute
ID
Class
Fastest:
N/A
Slowest:
N/A
Latest run results:
Run details:
(Test run date:
8 months ago
)
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36
Browser/OS:
Chrome 142 on Windows
View result in a separate tab
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=621228" width="100%" height="500px"></iframe>
Class
25.5M/s
ID
12.3M/s
data attribute
11.2M/s
View exact numbers
Test name
Executions per second
✓
Class
25,470,464 Ops/sec
ID
12,284,185 Ops/sec
data attribute
11,233,851 Ops/sec
Related benchmarks
DataAttribute vs Class Selector vs ID Selector
DataAttribute vs Class Selector vs ID native Selector
DataAttribute vs Class Selector vs ID Selector v2
DataAttribute vs Class Selector vs ID Selector v3
Normal Attribute vs Class Selector vs ID Selector
Attribute Selector vs Class Selector vs ID Selector
DataAttribute vs Class Selector vs ID Selector vs ~=
DataAttribute vs Class Selector vs ID GetById
DataAttribute vs Class Selector vs ID Selector (1)
Comments
Confirm delete:
Do you really want to delete benchmark?