Run results for: CloneNode vs InnerHTML

Run details:

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

Browser: Firefox 101

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
CloneNode	100.9 Ops/sec
InnerHTML	50.7 Ops/sec

Tests:

CloneNode
const row = '<tr><td>1</td><td>2</td></tr>'; const table = '<table><tbody>' + Array(10000).fill(row) + '</tbody></table>'; const template = document.createElement('template'); template.innerHTML = table; const div = document.createElement('div'); template.content.firstChild.cloneNode(true);
InnerHTML
const row = '<tr><td>1</td><td>2</td></tr>'; const table = '<table><tbody>' + Array(10000).fill(row) + '</tbody></table>'; const template = document.createElement('template'); template.innerHTML = table; const div = document.createElement('div'); div.innerHTML = table;