Run results for: JS: insertBefore vs appendChild vs prepend

Run details:

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

Browser: Chrome 147

Operating system: Windows

Device Platform: Desktop

Date tested: 5 days ago

HTML Preparation code:

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

Script Preparation code:

var container = document.getElementById("container");
var paragraphs = new Array( 100 ).fill( 'p' );

Tests:

insertBefore
paragraphs.forEach( p => container.insertBefore(document.createElement(p), null) );
appendChild
paragraphs.forEach( p => container.appendChild(document.createElement(p)) );
prepend
paragraphs.forEach( p => container.prepend(document.createElement(p)) );