Benchmark: jQuery ready vs none

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div id="#test-root"><div class="test-child"></div></div>

Tests:

self exec
(function(){ var test = new Array(); jQuery('#test-root .test-child').css('border', '1px solid red'); });
ready
jQuery( function() { var test = new Array(); jQuery('#test-root .test-child').css('border', '1px solid red'); });
none
var test = new Array(); jQuery('#test-root .test-child').css('border', '1px solid red');

Rendered benchmark preparation results:

Previous results

ⓘ 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Browser/OS: Chrome 104 on Windows

jQuery ready vs none (version: 0)