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 year ago

clodeNode

467/s

createElement

448/s

View exact numbers

Test name	Executions per second
✓ clodeNode	467 Ops/sec
createElement	448 Ops/sec

HTML Preparation code:

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

Script Preparation code:

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

Tests:

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