Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
Closest performance: Class selector vs data attribute selector vs no result
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36 OPR/119.0.0.0
Browser:
Opera 119
Operating system:
Windows
Device Platform:
Desktop
Date tested:
11 months ago
Test name
Executions per second
Class selector
7895339.5 Ops/sec
Data attribute selector
6589316.0 Ops/sec
No result
3295543.5 Ops/sec
HTML Preparation code:
<div> <div> <div> <div> <div class="gtm" data-gtm='test'> <div> <div> <div class="clicked"></div> </div> </div> </div> </div> </div> </div> </div> <script> Benchmark.prototype.setup = () => { const element = document.querySelector('.clicked'); }; </script>
Tests:
Class selector
const result = element.closest('.gtm')
Data attribute selector
const result = element.closest('[data-gtm]')
No result
const result = element.closest('[data-gtm-noop]')