Benchmark: Vanilla JS VS JQuery DOM perfomancee

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="test">Test</div>

Tests:

Vanilla JS
var el = document.getElementById("test"); window.addEventListener('scroll', function() { console.log(el) })
Jquery
var el = document.getElementById("test"); $(window).on('scroll', function() { console.log(el) })

Rendered benchmark preparation results:

Previous results

Test case name	Result
Vanilla JS
Jquery

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

Latest run results:

Run details: (Test run date: 6 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/119.0

Browser/OS: Firefox 119 on Mac OS X 10.15

Test name	Executions per second
Vanilla JS	1354.0 Ops/sec
Jquery	277006.0 Ops/sec

Vanilla JS VS JQuery DOM perfomancee (version: 0)