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

Run details:

User agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.0

Browser: Firefox 115

Operating system: Windows 8.1

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
vanilla add class	1186965.0 Ops/sec
jquery add class	250026.8 Ops/sec
vanilla find element	2787206.0 Ops/sec
jquery find element	619522.3 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");