Simple benchmarks - `Node.childNodes` vs `Document.querySelectorAll`

bench-node-childnodes-vs-document-queryselectorall.js

const df = Array.from(Array(10), (_, i) => {
  const a = document.createElement('div');
  a.classList.add('item');
    
  return a;
}).reduce((p, n) => (p.appendChild(n), p), document.createDocumentFragment());

const container = document.createElement('div');

container.classList.add('container');

document.body.appendChild(container);
container.appendChild(df.cloneNode(true));

/** NOTE: Warm-up  */
for (let i = 0; i < 1e1; i += 1) { document.body.querySelector('.container').childNodes; document.body.querySelectorAll('.item'); }
for (let i = 0; i < 1e2; i += 1) { document.body.querySelector('.container').childNodes; document.body.querySelectorAll('.item'); }
for (let i = 0; i < 1e3; i += 1) { document.body.querySelector('.container').childNodes; document.body.querySelectorAll('.item'); }

console.time('childNodes');
a = document.body.querySelector('.container').childNodes;
console.timeEnd('childNodes');

console.time('querySelectorAll');
b = document.querySelectorAll('.item');
console.timeEnd('querySelectorAll');

console.log([a, b]);