Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:105.0) Gecko/20100101 Firefox/105.0
Firefox 105
Windows
Desktop
2 years ago
Test name Executions per second
append() 595231.9 Ops/sec
appendChild() 558874.5 Ops/sec
append() with apply() 521321.1 Ops/sec
appendChild() with loop 538895.6 Ops/sec
Script Preparation code:
AخA
 
var e1 = document.createElement('div');
var e2 = document.createElement('div');
var e3 = document.createElement('div');
var e4 = document.createElement('div');
var es = [e1, e2, e3, e4];
Tests:
  • append()

     
    document.body.append(e1, e2, e3, e4);
  • appendChild()

     
    document.body.appendChild(e1);
    document.body.appendChild(e2);
    document.body.appendChild(e3);
    document.body.appendChild(e4);
  • append() with apply()

     
    document.body.append.apply(document.body, es);
  • appendChild() with loop

     
    for (var i = 0; i < es.length; i++) document.body.appendChild(es[i]);