Benchmark Run Result for: query complexity

query complexity

Date tested: 4 years ago

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.97 Safari/537.36

Test name	Executions per second
data attribute plain	1824607.0 Ops/sec
data attribute div	1757577.0 Ops/sec

Benchmark definition (click to collapse):

HTML Preparation code:

<div id="wrap">
    <div class="hello class2" id="hello2" data-src="weqwesad">Hello</div>
    <img src="" width="500" height="600" class="hello class3" id="hello3" data-src="wedqwesd">
    <div class="hello class4" id="hello4" data-src="weqwecsd">Hello</div>
    <img src="" width="500" height="600" class="hello class5" id="hello5" data-src="wexqwesd">
    <div class="hello class6" id="hello6" data-src="weqwvesd">Hello</div>
    <img src="" width="500" height="600" class="hello class7" id="hello7" data-src="weqwzesd">
    <div class="hello class8" id="hello8" data-src="wevqwesd">Hello</div>
    <img src="" width="500" height="600" class="hello class9" id="hello9" data-src="weqwbesd">
    <div class="hello class10" id="hello10" data-src="weqcwesd">Hello</div>
    <img src="" width="500" height="600" class="hello class11" id="hello11" data-src="weqzwesd">
    <div class="hello class12" id="hello12" data-src="weqswesd">Hello</div>
    <img src="" width="500" height="600" class="hello class13" id="hello13" data-src="wgeqwesd">
    <div class="hello class14" id="hello14" data-src="weqwhesd">Hello</div>
    <img src="" width="500" height="600" class="hello class15" id="hello15" data-src="weqwvesd">
</div>

Tests:

data attribute plain
document.getElementById('wrap').querySelector('[data-src]');
data attribute div
document.getElementById('wrap').querySelector('div[data-src]');

Open this result on MeasureThat.net

query complexity

Date tested: 4 years ago

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.97 Safari/537.36

Benchmark definition (click to collapse):

data attribute plain

data attribute div