Benchmark: DataAttribute vs Class Selector vs ID Selector -- complex version

HTML Preparation code:

<header>header</header>
<main class="main" id="main" main>
  <div>
    <span>Title</span>
  	<div class="hello" id="hello" hello>Hello</div>
    <span>World</span>
  </div>
</main>
<footer>header</footer>

Tests:

Class
document.querySelector('.hello');
ID
document.querySelector('#hello');
data attribute
document.querySelector('[data-hello]');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Class
ID
data attribute

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

DataAttribute vs Class Selector vs ID Selector -- complex version (version: 0)

Comparing performance of: Class vs ID vs data attribute

Created: one year ago by: Guest

Jump to the latest result

Class

ID

data attribute

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results