Run results for: test11146

Run details:

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

Browser: Chrome 80

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
jQuery	530864.1 Ops/sec
Vanilla JS	1704327.9 Ops/sec
Vanilla JS querySelector	2155593.8 Ops/sec
VanillaJS custom selector	952001.4 Ops/sec
Vanilla JS querySelectorAll	1137671.6 Ops/sec
UmbrellaJS	216830.7 Ops/sec

HTML Preparation code:

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/umbrellajs"></script>
<div class="testElement"></div>

Script Preparation code:

function $q(selector, context) {
    return (context || document).querySelectorAll(selector);
}

Tests:

jQuery
var el = $(".testElement")[0]; var className = el.className;
Vanilla JS
var el = document.getElementsByClassName('testElement'); var className = el.className;
Vanilla JS querySelector
var el = document.querySelector('.testElement'); var className = el.className;
VanillaJS custom selector
var el = $q(".testElement"); var className = el.className;
Vanilla JS querySelectorAll
var el = document.querySelectorAll('.testElement'); var className = el.className;
UmbrellaJS
var el = u(".testElement"); var className = el.className;

nothing

jQuery

Vanilla JS

Vanilla JS querySelector

VanillaJS custom selector

Vanilla JS querySelectorAll

UmbrellaJS