Run results for: vanilla vs jquery speed - MeasureThat.net

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:124.0) Gecko/20100101 Firefox/124.0

Browser: Firefox 124

Operating system: Linux

Device Platform: Desktop

Date tested: 5 months ago

Test name	Executions per second
vanilla add class	1351067.0 Ops/sec
jquery add class	504798.0 Ops/sec
vanilla find element	3261641.0 Ops/sec
jquery find element	1103867.0 Ops/sec

Website performance monitoring

HTML Preparation code:

<div class="test"></div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>

Tests:

vanilla add class
document.querySelector(".test").classList.add("next-class");
jquery add class
$(document).find(".test").addClass("next-class");
vanilla find element
document.querySelector(".test");
jquery find element
$(document).find(".test");