Benchmark: jqvnat - MeasureThat.net

HTML Preparation code:

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

Tests:

jquery with xss
const class_ = "aaa"; const el = $(`<div class="${class_}"></div>`);
native
const class_ = "bbb"; const el = document.createElement("div"); el.classList.add(class_);
jquery with addClass
const class_ = "aaa"; const el = $("<div></div>"); el.addClass(class_);
jquery with createElement
const class_ = "aaa"; const native = document.createElement("div"); const el = $(native); el.addClass(class_);
jquery with parseHTML
const class_ = "aaa"; const el = $($.parseHTML("<div></div>")); el.addClass(class_);

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: 2 years ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.114 Safari/537.36

Browser/OS: Chrome 94 on Linux

jqvnat (version: 0)