Run results for: querySelectorAll.forEach() vs [...getElementsByClassName].forEach()

Run details:

User agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 114

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

Test name	Executions per second
querySelectorAll.forEach()	237446.5 Ops/sec
[...getElementsByClassName].forEach()	306480.4 Ops/sec

HTML Preparation code:

<div class="test">
    <div class="saufdzgzg">
        <div class="test"></div>
    </div>
    <div class="dsfdf">
        <div class="test">
            <div class="sd"></div>
        </div>
    </div>
</div>

Tests:

querySelectorAll.forEach()
document.querySelectorAll(".test").forEach((element) => element.classList.add("nottest"));
[...getElementsByClassName].forEach()
[...document.getElementsByClassName("test")].forEach((element) => element.classList.add("nottest"));