Benchmark: Arffrom - MeasureThat.net

HTML Preparation code:

<div>
  <ul>
    <li><a href="#">item 1</a></li>
    <li><a href="#">item 2</a></li>
    <li><a href="#">item 3</a></li>
  </ul>
</div>
<script>
  function toArray(collection) {
   var result = [],
       i = -1;
   while (result[++i] = collection[i]) {};
   result.length--;
   return result;
  }
  
  const liveList = document.getElementsByTagName('a');
  const statList = document.querySelectorAll('a');
  const liveArr = toArray(liveList);
  const liveArrFrom = Array.from(liveList);
  const statArrFrom = Array.from(statList);
</script>

Tests:

liveArr
for (var i = 0, length = liveArr.length; i < length; i++) { liveArr[i].nodeName; }
liveArrFrom
for (var i = 0, length = liveArrFrom.length; i < length; i++) { liveArrFrom[i].nodeName; }
statArrFrom
for (var i = 0, length = statArrFrom.length; i < length; i++) { statArrFrom[i].nodeName; }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
liveArr
liveArrFrom
statArrFrom

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 4 years ago)

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

Browser/OS: Safari 13 on Mac OS X 10.15.4

View result in a separate tab

Test name	Executions per second
liveArr	2081994.0 Ops/sec
liveArrFrom	2059555.0 Ops/sec
statArrFrom	1998691.0 Ops/sec

Arffrom (version: 0)

Comparing performance of: liveArr vs liveArrFrom vs statArrFrom

Created: 4 years ago by: Guest

Jump to the latest result

liveArr

liveArrFrom

statArrFrom

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A