Benchmark: jquerySelector vs getElementById

HTML Preparation code:

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

Script Preparation code:

var el = $('#testElement');
var className = el.className;

Tests:

jquerySelector
var el = $('#testElement'); var className = el.className;
getElementById
var el = document.getElementById('testElement'); var className = el.className;

Rendered benchmark preparation results:

Previous results

Test case name	Result
jquerySelector
getElementById

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

Latest run results:

Run details: (Test run date: 5 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.2 Safari/605.1.15

Browser/OS: Safari 12 on Mac OS X 10.14.6

Test name	Executions per second
jquerySelector	3167707.0 Ops/sec
getElementById	3954620.0 Ops/sec

jquerySelector vs getElementById (version: 0)