Benchmark: JQuery: parseHTML vs without parse

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js'></script>

Tests:

without parse
let element = $(`<div><a id="tr_1" data-target="tr_5" aria-controls="tr_6"> <svg id="tr_2"></svg> <span id="tr_3"></span> <div id="tr_4" data-target="tr_7"> </div> </div>`);
with parseHTML
let element = $($.parseHTML(`<div><a id="tr_1" data-target="tr_5" aria-controls="tr_6"> <svg id="tr_2"></svg> <span id="tr_3"></span> <div id="tr_4" data-target="tr_7"> </div> </div>`));

Rendered benchmark preparation results:

Previous results

Test case name	Result
without parse
with parseHTML

ⓘ 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 (X11; Linux x86_64; rv:120.0) Gecko/20100101 Firefox/120.0

Browser/OS: Firefox 120 on Linux

Test name	Executions per second
without parse	64238.7 Ops/sec
with parseHTML	4948.3 Ops/sec

JQuery: parseHTML vs without parse (version: 0)