Run results for: querySelector vs getElementsByClassName with multiple elements

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36

Browser: Chrome 141

Operating system: Windows

Device Platform: Desktop

Date tested: 6 months ago

Test name	Executions per second
querySelector	13855824.0 Ops/sec
getElementsByClassName	17454082.0 Ops/sec

HTML Preparation code:

<div class="test"></div>
<div class="test2"></div>
<div class="test3"></div>
<div class="test4"></div>
<div class="test5"></div>
<div class="test6"></div>
<div class="test7"></div>

Tests:

querySelector
document.querySelector(".test")
getElementsByClassName
document.getElementsByClassName(".test")