Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
JS: append vs appendChild multiple elements
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (Android 15; Mobile; rv:144.0) Gecko/144.0 Firefox/144.0
Browser:
Firefox Mobile 144
Operating system:
Android
Device Platform:
Mobile
Date tested:
5 months ago
Test name
Executions per second
append
12451.9 Ops/sec
appendChild
12047.4 Ops/sec
HTML Preparation code:
<div id="container"></div>
Script Preparation code:
var container = document.getElementById("container"); var paragraph = document.createElement("p"); var paragraph1 = document.createElement("p"); var paragraph2 = document.createElement("p"); var paragraph3 = document.createElement("p");
Tests:
append
container.append(paragraph,paragraph1,paragraph2,paragraph3);
appendChild
container.appendChild(paragraph); container.appendChild(paragraph1); container.appendChild(paragraph2); container.appendChild(paragraph3);