Benchmark: selector api 2 - MeasureThat.net

HTML Preparation code:

<div id="helloid" class="hello-class">hello</div>

Tests:

getElementById
var el = document.getElementById("helloid") var className = el.className;
getElementsByClassName
var el = document.getElementsByClassName("hello-class") var className = el.className;
querySelector(ID)
var el = document.querySelector("#helloid") var className = el.className;
querySelector(class)
var el = document.querySelector(".hello-class") var className = el.className;
querySelectorAll(ID)
var el = document.querySelectorAll("#helloid") var className = el[0].className;
querySelectorAll(class)
var el = document.querySelectorAll(".hello-class") var className = el[0].className;
exposed global object
var className = helloid.className;
exposed under the window object
var el = window.helloid; var className = el.className;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
getElementById
getElementsByClassName
querySelector(ID)
querySelector(class)
querySelectorAll(ID)
querySelectorAll(class)
exposed global object
exposed under the window object

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 26_2_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/144.0.7559.95 Mobile/15E148 Safari/604.1

Browser/OS: Chrome Mobile iOS 144 on iOS 26.2.0

View result in a separate tab

Test name	Executions per second
getElementById	35367092.0 Ops/sec
getElementsByClassName	24378476.0 Ops/sec
querySelector(ID)	6487606.5 Ops/sec
querySelector(class)	8817032.0 Ops/sec
querySelectorAll(ID)	3499748.8 Ops/sec
querySelectorAll(class)	8534186.0 Ops/sec
exposed global object	9349821.0 Ops/sec
exposed under the window object	8866136.0 Ops/sec

Related benchmarks:

selector api 2 (version: 1)

getElementById, getElementsByClassName, querySelector, querySelectorAll

Comparing performance of: getElementById vs getElementsByClassName vs querySelector(ID) vs querySelector(class) vs querySelectorAll(ID) vs querySelectorAll(class) vs exposed global object vs exposed under the window object

Created: 3 months ago by: Guest

Jump to the latest result

getElementById

getElementsByClassName

querySelector(ID)

querySelector(class)

querySelectorAll(ID)

querySelectorAll(class)

exposed global object

exposed under the window object

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A