Benchmark: Fastest Way to Get Element By ID

HTML Preparation code:

<div id="test"></div>
<div id="test|test:ab:3|test:4:b4-5|zda234dasdf-3asdfasdf:4545"></div>

Script Preparation code:

window.$$ = function(id) {
    return document.getElementById(id);
};

Tests:

Normal Way
document.getElementById("test");
Normal Way - Long ID
document.getElementById("test|test:ab:3|test:4:b4-5|zda234dasdf-3asdfasdf:4545");
Facade
$$("test");
Facade - Long ID
$$("test|test:ab:3|test:4:b4-5|zda234dasdf-3asdfasdf:4545");

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Normal Way
Normal Way - Long ID
Facade
Facade - Long ID

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: 4 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 YaBrowser/19.12.4.25 Yowser/2.5 Safari/537.36

Browser/OS: Yandex Browser 19 on Windows

View result in a separate tab

Test name	Executions per second
Normal Way	3040028.0 Ops/sec
Normal Way - Long ID	2983374.0 Ops/sec
Facade	1851524.0 Ops/sec
Facade - Long ID	1644945.0 Ops/sec

Fastest Way to Get Element By ID (version: 0)

Comparing performance of: Normal Way vs Normal Way - Long ID vs Facade vs Facade - Long ID

Created: 4 years ago by: Guest

Jump to the latest result

Normal Way

Normal Way - Long ID

Facade

Facade - Long ID

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A