Benchmark: innerHTML vs cloneNode 2

Tests:

innerHTML
const html = '<p>FIRMWARE WINDOW</p>'; const modal = document.createElement('div'); let n = 0; while(true) { n++; modal.innerHTML = html; 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; }

Rendered benchmark preparation results:

Previous results

Test case name	Result
innerHTML
cloneNode

Latest run results:

Run details: (Test run date: 2 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:147.0) Gecko/20100101 Firefox/147.0

Browser/OS: Firefox 147 on Windows

Test name	Executions per second
innerHTML	9304.9 Ops/sec
cloneNode	11148.7 Ops/sec

Related benchmarks:

innerHTML vs cloneNode 2 (version: 1)