Run results for: insertAdjacentHTML vs append cloneNode

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:129.0) Gecko/20100101 Firefox/129.0

Browser: Firefox 129

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
append cloneNode	12.8 Ops/sec
insertAdjacentHTML	6.8 Ops/sec

HTML Preparation code:

<form id='test'></form>

Tests:

append cloneNode
const htmlStrg = `<fieldset class='grid-container'><div class='cell'><input type='date' name='date' class='input input-date'></div></fieldset>` const parsedHTML = new DOMParser().parseFromString(htmlStrg, 'text/html').body.firstChild const form = document.getElementById('test') for (let i = 0; i < 200; i++) { form.appendChild(parsedHTML.cloneNode(true)) }
insertAdjacentHTML
const htmlStrg = `<fieldset class='grid-container'><div class='cell'><input type='date' name='date' class='input input-date'></div></fieldset>` const form = document.getElementById('test') for (let i = 0; i < 200; i++) { form.insertAdjacentHTML('beforeend', htmlStrg) }