Benchmark: getElementById() vs jQuery(#id)

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
<div id="foo" class="foo2"></div>

Tests:

getElementById
var el = document.getElementById("foo"); var className = el.className;
jQuery
var el = $("#foo"); var className = el.className;

Rendered benchmark preparation results:

Previous results

Test case name	Result
getElementById
jQuery

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

Latest run results:

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

User agent: Mozilla/5.0 (Linux; Android 10; MAR-LX1A) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.91 Mobile Safari/537.36

Browser/OS: Chrome Mobile 90 on Android

Test name	Executions per second
getElementById	911233.3 Ops/sec
jQuery	424249.4 Ops/sec

getElementById() vs jQuery(#id) (version: 0)