Run results for: DataAttribute vs Class Selector vs ID Selector vs Custom Attributes

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.6 Safari/605.1.15

Browser: Safari 18

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 9 months ago

Benchmark engine: Benchmark.js

class

10.4M/s

uid

9.5M/s

data attribute

6.7M/s

View exact numbers

HTML Preparation code:

<div class="hello" id="hello" data-hello uid="hello">Hello</div>

Tests: