Run results for: createElement vs cloneNode with option and fragment

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Safari/605.1.15

Browser: Safari 17

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 6 months 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)