Benchmark: appendChild vs append 2

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);

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: 2 years ago)

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

Browser/OS: Chrome 123 on Windows

appendChild 2

260K/s

append 2

245K/s

appendChild 1

166K/s

append 1

157K/s

View exact numbers

appendChild vs append 2 (version: 0)