Benchmark: stage1 collect varients v4

Script Preparation code:

var Z=()=>{},_=()=>document.createDocumentFragment(),$=(j)=>document.createTextNode(j),Q=(j)=>document.createElement(j),z=(j)=>j.cloneNode(!0),F=(j,q)=>q.appendChild(j),R=(j,q)=>q.insertBefore(j,q.firstChild),U=(j,q)=>q.parentNode.insertBefore(j,q.nextSibling),W=(j,q)=>(q.parentNode.replaceChild(j,q),j),C=(j,q)=>{new MutationObserver((A,B)=>{for(let I of A)for(let G of I.removedNodes)if(G.contains(j)){q(),B.disconnect();return}}).observe(document,{childList:!0,subtree:!0})};var P=Q("template"),Y=document.createTreeWalker(P),M=(j)=>{return P.innerHTML=j,P.content.firstChild},T=(j,q,A)=>{let B=Y,I={},G=q.length,J=0,H;B.currentNode=j;for(;J<G;J++){H=A[J];while(H--)B.nextNode();I[q[J]]=B.currentNode}return I},N=(j,q,A)=>{let B={},I=q.length,G=0,J,H=j,L;for(;G<I;G++){J=A[G];while(J--){L=H,H=H.firstChild||H.nextSibling;while(!H)L=L.parentNode,H=L.nextSibling}B[q[G]]=H}return B};var V={},X=(j)=>{let q="__"+j.type,A=j.target;while(A){if(A[q])return A[q](j);A=A.parentNode}},E=(j)=>{V[j]??=(document.addEventListener(j,X),!0)},S=(j)=>{V[j]=null,document.removeEventListener(j,X)};var w=(j)=>{let q={};return new Proxy({...j,on(A,B){return(q[A]??=[]).push(B),()=>{q[A]?.splice(q[A].indexOf(B)>>>0,1)}}},{set(A,B,I){return q[B]?.forEach((G)=>G(I,A[B])),A[B]=I,!0}})};
var h = M;
var collect = T; // original
var collect2 = N; // custom
var view=h('<div class=d1><span></span><div class=d2><span></span><div class=d3><span></span><div class=d4><span></span><div class=d5><span></span><div class=d6><span></span><div class=d7><span></span><div class=d8><span></span><div class=d9><span></span><div class=d10><span></span><div class=d11><!--></div></div></div></div></div></div></div></div></div></div></div></div>');
var view2=h('<div class=d1><span><div class=d2><span><div class=d3><span><div class=d4><span><div class=d5><span><div class=d6><span><div class=d7><span><div class=d8><span><div class=d9><span><div class=d10><span><div class=d11><!--></div></span></div></span></div></span></div></span></div></span></div></span></div></span></div></span></div></span></div></span></div></span></div>');

Tests:

collect mixed depth
collect(view,['a','b','c','d'],[2,6,10,3])
collect2 mixed depth
collect2(view,['a','b','c','d'],[2,6,10,3])
collect nested
collect(view2,['a','b','c','d'],[2,6,10,3])
collect2 nested
collect2(view2,['a','b','c','d'],[2,6,10,3])

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
collect mixed depth
collect2 mixed depth
collect nested
collect2 nested

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Firefox 136 on Linux

View result in a separate tab

collect2 nested

5.5M/s

collect2 mixed depth

4.4M/s

collect mixed depth

1.9M/s

collect nested

1.8M/s

View exact numbers

Test name	Executions per second
✓ collect2 nested	5,506,605 Ops/sec
collect2 mixed depth	4,394,225 Ops/sec
collect mixed depth	1,852,458 Ops/sec
collect nested	1,839,259 Ops/sec

stage1 collect varients v4 (version: 1)

Comparing performance of: `collect mixed depth vs collect2 mixed depth vs collect nested vs collect2 nested`

Created: one year ago by: Guest

Go to the latest result

collect mixed depth

collect2 mixed depth

collect nested

collect2 nested

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

stage1 collect varients v4 (version: 1)

Comparing performance of: collect mixed depth vs collect2 mixed depth vs collect nested vs collect2 nested

Created: one year ago by: Guest

Go to the latest result

collect mixed depth

collect2 mixed depth

collect nested

collect2 nested

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `collect mixed depth vs collect2 mixed depth vs collect nested vs collect2 nested`