Run results for: Array of child nodes

Run details:

User agent: Mozilla/5.0 (Linux; Android 11; SM-A525F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 107

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

Test name	Executions per second
Array.from	82577.9 Ops/sec
loop firstChild+nextSibling	824490.6 Ops/sec
loop index	144660.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