Benchmark: 2023 js qs - 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 1
document.querySelector(".content ul li a")
querySelector 2
document.querySelector(".content > ul > li > a")
querySelector 3
document.querySelector(".content a")
querySelector 4
document.querySelector("ul li a#first")
querySelector 5
document.querySelector("ul li a.first")

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
querySelector 1
querySelector 2
querySelector 3
querySelector 4
querySelector 5

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:

Run details: (Test run date: 7 months ago)

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

Browser/OS: Chrome 118 on Windows

View result in a separate tab

Test name	Executions per second
querySelector 1	1252500.0 Ops/sec
querySelector 2	1232376.0 Ops/sec
querySelector 3	2109907.0 Ops/sec
querySelector 4	1452928.0 Ops/sec
querySelector 5	2150279.0 Ops/sec