Benchmark Run Result for: replaceChildren vs documentFragment [2]

Test name	Executions per second
replaceChildren	1179048.0 Ops/sec
append documentFragment	746938.8 Ops/sec

HTML Preparation code:

<div id="container"></div>

Script Preparation code:

var elements = [document.createElement('div'), document.createElement('div')];
var container = document.getElementById('container');

Tests:

replaceChildren
container.replaceChildren(...elements);
append documentFragment
var newChildren = document.createDocumentFragment(); newChildren.append(...elements); container.replaceChildren(newChildren);