Run results for: Array of child nodes

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/118.0

Browser: Firefox 118

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Array.from	294068.8 Ops/sec
loop firstChild+nextSibling	1301894.9 Ops/sec
loop index	786542.1 Ops/sec

HTML Preparation code:

<ul id="list">
  <li>01</li>
  <li>02</li>
  <li>03</li>
  <li>04</li>
  <li>05</li>
  <li>06</li>
  <li>07</li>
  <li>08</li>
  <li>09</li>
  <li>10</li>
</ul>

Script Preparation code:

var list=document.querySelector('#list');
var childNodes = list.childNodes;

Tests:

Array.from
var l1 = Array.from(list.childNodes)
loop firstChild+nextSibling
var l2 = []; for (var node = list.firstChild; node; node = node.nextSibling) { l2.push(node); }
loop index
var l3 = []; for (var i = 0, len = childNodes.length; i < len; i++) { l3.push(childNodes[i]); }

Run results for: Array of child nodes

Array.from

loop firstChild+nextSibling

loop index