Benchmark: querySelector 2023 - MeasureThat.net

HTML Preparation code:

<div class="content"><ul><li><a class="first" id="first">Tralala1</a></li><li><a>Tralala2</a></li><li><a>Tralala3</a></li></ul></div>

Tests:

querySelector
document.querySelector(".content ul li a")
querySelectorAll
document.querySelector(".content > ul > li > a")
getElementsByClassName
document.querySelector(".content a")
querySelector (ID)
document.querySelector("ul li a#first")
getElementsByID
document.querySelector("ul li a.first")

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
querySelector
querySelectorAll
getElementsByClassName
querySelector (ID)
getElementsByID

Fastest: N/A

Slowest: N/A

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

Website Performance Monitoring by Request Metrics

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!