Run results for: createElement vs cloneNode with option and fragment

Run details:

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

Browser: Firefox 95

Operating system: Ubuntu

Device Platform: Desktop

Date tested: 2 years ago

Tests:

createElement
var datalist = document.createElement('datalist') n = 0, node = document.createElement('option'); while(true) { n++; let o = document.createElement('option') o.value = n.toString() datalist.appendChild(o); if(n===5000) break; }
cloneNode
var datalist = document.createElement('datalist') n = 0, node = document.createElement('option'); while(true) { n++; let o = node.cloneNode(false) o.value = n.toString() datalist.appendChild(o); if(n===5000) break; }
cloneNode fragment
var f = new DocumentFragment() var datalist = document.createElement('datalist') n = 0, node = document.createElement('option'); while(true) { n++; let o = node.cloneNode(false) o.value = n.toString() f.appendChild(o); if(n===5000) break; } datalist.appendChild(f)