Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
Element.append vs Node.appendChild
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.4 Safari/605.1.15
Browser:
Safari 26
Operating system:
Mac OS X 10.15.7
Device Platform:
Desktop
Date tested:
21 days ago
Test name
Executions per second
Element.append
13766.5 Ops/sec
Node.appendChild
14829.0 Ops/sec
HTML Preparation code:
<div id="testDiv"></div>
Script Preparation code:
// async function globalMeasureThatScriptPrepareFunction() {}
Tests:
Element.append
"use strict"; for (let i=0; i<100; i++) { const p = document.createElement("p"); p.textContent = i; testDiv.append(p); } testDiv.innerHTML="";
Node.appendChild
"use strict"; for (let i=0; i<100; i++) { const p = document.createElement("p"); p.textContent = i; testDiv.appendChild(p); } testDiv.innerHTML="";