Run results for: Add styles via cloneNode vs. createElement

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:137.0) Gecko/20100101 Firefox/137.0

Browser: Firefox 137

Operating system: Linux

Device Platform: Desktop

Date tested: one month ago

Test name	Executions per second
clodeNode	466.7 Ops/sec
createElement	447.8 Ops/sec

HTML Preparation code:

<head><style>h1 { color: red; }</style></head><body></body>

AخA
 
<head><style>h1 { color: red; }</style></head><body></body>

Script Preparation code:

var head = document.querySelector("head");
var node = document.querySelector("style");

 
var head = document.querySelector("head");var node = document.querySelector("style");

Tests:

clodeNode
var clone = node.cloneNode({deep: true}) head.appendChild(clone);
var clone = node.cloneNode({deep: true})
head.appendChild(clone);
createElement
var clone = document.createElement("style"); clone.textContent = node.textContent; head.appendChild(clone);
var clone = document.createElement("style");
clone.textContent = node.textContent;
head.appendChild(clone);