Benchmark: querySelector vs querySelectorAll vs getElementsByClassName vs querySelector (ID) vs getElementsByID — (getElementsByClassName sem .(ponto))

HTML Preparation code:

<div class="test" id="test"></div>

Tests:

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 4 years ago)

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

Browser/OS: Chrome 79 on Mac OS X 10.15.2

querySelector vs querySelectorAll vs getElementsByClassName vs querySelector (ID) vs getElementsByID — (getElementsByClassName sem .(ponto)) (version: 0)