Benchmark: Vanilla JS VS JQuery DOM add/remove class performance

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="nhngodo">Hi! NHNgodo!</div>

Tests:

Vanilla JS add class
let el = document.getElementById("nhngodo"); el.classList.add('random-class'); el.classList.remove('random-class');
Jquery
let $el = $("#nhngodo"); $el.addClass('random-class'); $el.removeClass('random-class');

Rendered benchmark preparation results:

Previous results

Test case name	Result
Vanilla JS add class
Jquery

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36

Browser/OS: Chrome 110 on Mac OS X 10.15.7

Test name	Executions per second
Vanilla JS add class	1936733.0 Ops/sec
Jquery	740325.8 Ops/sec

Vanilla JS VS JQuery DOM add/remove class performance (version: 0)