Run results for: test11145

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	524903.4 Ops/sec
Vanilla JS	1726196.0 Ops/sec
Vanilla JS querySelector	2155772.5 Ops/sec
VanillaJS custom selector	1002999.2 Ops/sec
Vanilla JS querySelectorAll	1191652.9 Ops/sec

HTML Preparation code:

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></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;