Run results for: JS VS JQUERY leotest22

Run details:

User agent: Mozilla/5.0 (Android 15; Mobile; rv:143.0) Gecko/143.0 Firefox/143.0

Browser: Firefox Mobile 143

Operating system: Android

Device Platform: Mobile

Date tested: 7 months ago

Test name	Executions per second
JS	1344.1 Ops/sec
JQUERY	1141.8 Ops/sec

HTML Preparation code:

<script
			  src="https://code.jquery.com/jquery-3.6.0.min.js"
			  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
			  crossorigin="anonymous"></script>

Script Preparation code:

document.body.innerHtml = ''

Tests:

JS
const range = document.createRange(); const documentFragment = range.createContextualFragment(` <div> <label class="clickAndCollect-label" id="click-and-collect"> <div class="clickAndCollect-input-container"> <input class="clickAndCollect-input" type="checkbox" value="click-and-collect"> <span class="clickAndCollect-label-text">Entregarme el pedido hasta mi vehiculo JS</span> </div> </label> </div> `); document.body.appendChild(documentFragment);
JQUERY
const el = $(` <div> <label class="clickAndCollect-label" id="click-and-collect"> <div class="clickAndCollect-input-container"> <input class="clickAndCollect-input" type="checkbox" value="click-and-collect"> <span class="clickAndCollect-label-text">Entregarme el pedido hasta mi vehiculo JQ</span> </div> </label> </div> `); $('body').append(el);