Run details:
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
Safari 26
Mac OS X 10.15.7
Desktop
21 days ago
Test name Executions per second
Node.appendChild(el) in loop 9150.6 Ops/sec
Element.append(...els) 12394.5 Ops/sec
Node.appendChild(DocumentFragment) (DocumentFragment.appendChild(el) in loop) 16064.2 Ops/sec
Node.appendChild(DocumentFragment) (DocumentFragment.append(...els)) 11740.0 Ops/sec
innerHTML 23389.4 Ops/sec
HTML Preparation code:
Tests:
  • Node.appendChild(el) in loop

  • Element.append(...els)

  • Node.appendChild(DocumentFragment) (DocumentFragment.appendChild(el) in loop)

  • Node.appendChild(DocumentFragment) (DocumentFragment.append(...els))

  • innerHTML