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

Run details:

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

Browser: Chrome 42

Operating system: Windows

Device Platform: Other

Date tested: 7 years ago

Test name	Executions per second
id	815598.9 Ops/sec
class	109768.4 Ops/sec
class-all	35494.2 Ops/sec
data	8515.4 Ops/sec
data-all	8565.3 Ops/sec

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]");

;