Run results for: id-vs-css-vs-data - MeasureThat.net

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36

Browser: Chrome 55

Operating system: Windows

Device Platform: Other

Date tested: 7 years ago

Test name	Executions per second
id	2721290.0 Ops/sec
class	646084.5 Ops/sec
class-all	170548.6 Ops/sec
data	55153.8 Ops/sec
data-all	54306.2 Ops/sec

Website performance monitoring

HTML Preparation code:

<div id="test1"></div>
<div class="test2"></div>
<div data-arg="test3"></div>

Tests:

id
var a = document.getElementById("test1");
class
var b = document.body.querySelector(".test2");
class-all
var c = document.body.querySelectorAll(".test2");
data
var d = document.body.querySelector("[data-args=test3]");
data-all
var e = document.body.querySelectorAll("[data-args=test4]");