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 22315.9 Ops/sec
Element.append(...els) 15961.4 Ops/sec
Node.appendChild(DocumentFragment) (DocumentFragment.appendChild(el) in loop) 24276.1 Ops/sec
Node.appendChild(DocumentFragment) (DocumentFragment.append(...els)) 14792.5 Ops/sec
innerHTML 41888.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