Run results for: appendChild vs append 2

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Browser: Chrome 120

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

appendChild 2

1.8M/s

append 2

1.5M/s

appendChild 1

1.1M/s

append 1

1.0M/s

View exact numbers

HTML Preparation code:

<div id="A"></div>
<p id="B">1234</p>

Tests:

appendChild 1
A.appendChild(B);
append 1
A.append(B);
appendChild 2
const C = document.querySelector("#A"); const D = document.querySelector("#B"); C.appendChild(D);
append 2
const C = document.querySelector("#A"); const D = document.querySelector("#B"); C.append(D);