Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
CloneNode vs InnerHTML
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=599086" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36
Browser:
Chrome 135
Operating system:
Mac OS X 10.15.7
Device Platform:
Desktop
Date tested:
one year ago
Test name
Executions per second
CloneNode
90.2 Ops/sec
InnerHTML
40.3 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;