Run results for: CloneNode vs InnerHTML Fixed

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.61 Safari/537.36

Browser: Chrome 102

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
CloneNode	50.2 Ops/sec
InnerHTML	30.5 Ops/sec

Tests:

CloneNode

const row = '<tr><td>1</td><td>2</td></tr>';
const table = '<table><tbody>' + Array(10000).fill(row).join('') + '</tbody></table>';
const template = document.createElement('template');
template.innerHTML = table;

const div = document.createElement('div');
template.content.firstChild.cloneNode(true);

​x
 
const row = '<tr><td>1</td><td>2</td></tr>';const table = '<table><tbody>' + Array(10000).fill(row).join('') + '</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).join('') + '</tbody></table>';
const template = document.createElement('template');
template.innerHTML = table;

const div = document.createElement('div');
div.innerHTML = table;

 
const row = '<tr><td>1</td><td>2</td></tr>';const table = '<table><tbody>' + Array(10000).fill(row).join('') + '</tbody></table>';const template = document.createElement('template');template.innerHTML = table;​const div = document.createElement('div');div.innerHTML = table;