Run results for: innerHTML vs cloneNode

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:144.0) Gecko/20100101 Firefox/144.0

Browser: Firefox 144

Operating system: Linux

Device Platform: Desktop

Date tested: 5 months ago

Test name	Executions per second
innerHTML	4351.2 Ops/sec
cloneNode	7991.7 Ops/sec

Tests:

innerHTML
const div = document.createElement('div'); div.innerHTML = '<p>FIRMWARE WINDOW</p>'; const modal = document.createElement('div'); let n = 0; while(true) { n++; const cloneText = div.innerHTML; modal.innerHTML = cloneText; if(n===100) break; }
cloneNode
const div = document.createElement('div'); div.innerHTML = '<p>FIRMWARE WINDOW</p>'; const modal = document.createElement('div'); let n = 0; while(true) { n++; const cloneElement = div.cloneNode(true); modal.replaceChildren(cloneElement); if(n===100) break; }