Benchmark: dataAttribute vs attribute vs Class Selector vs ID Selector

HTML Preparation code:

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

Tests:

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: 9 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36 Edg/141.0.0.0

Browser/OS: Chrome 141 on Mac OS X 10.15.7

Class

36.3M/s

13.3M/s

just random attribute

12.8M/s

data attribute

12.6M/s

View exact numbers

dataAttribute vs attribute vs Class Selector vs ID Selector (version: 1)