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: 5 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

cloneNode

11K/s

innerHTML

9K/s

View exact numbers

Test name	Executions per second
✓ cloneNode	11,149 Ops/sec
innerHTML	9,305 Ops/sec

innerHTML vs cloneNode 2 (version: 1)