Run results for: getElementsByTagName vs querySelectorAll

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36 Edg/137.0.0.0

Browser: Chrome 137

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

getElementsByTagName

45.4M/s

QueryselectorAll

7.8M/s

View exact numbers

Test name	Executions per second
✓ getElementsByTagName	45,438,368 Ops/sec
QueryselectorAll	7,838,090 Ops/sec

HTML Preparation code:

<ul id="list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

Script Preparation code:

const list = document.getElementById('list')

Tests: