Benchmark: element matches - MeasureThat.net

HTML Preparation code:

<main data-bench-container="true"><article data-bench-ignore="true"><header><hgroup class="attribution"><h1>Title</h1><h2 data-bench-ignore="true">Subtitle</h2></hgroup></header></article></main>

Script Preparation code:

const h1 = document.querySelector('h1');
const h2 = document.querySelector('h2');
const hgroup = document.querySelector('hgroup');
const main = document.querySelector('main');
const article = document.querySelector('article');

Tests:

class on target element
hgroup.matches('.attribution');
data on target element
h2.matches('*[data-bench-ignore], *[data-bench-ignore] *');
data nested star
h1.matches('*[data-bench-ignore], *[data-bench-ignore] *');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
class on target element
data on target element
data nested star

element matches (version: 0)

check performance of various query selector strings

Comparing performance of: class on target element vs data on target element vs data nested star

Created: 2 years ago by: Guest

Jump to the latest result

class on target element

data on target element

data nested star

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results