Run results for: querySelector(class) vs classList.contains

Test name	Executions per second
✓ classList.contains	4,936,618 Ops/sec
classList.contains after more HTML elements	4,812,830 Ops/sec
querySelector	1,568,046 Ops/sec
querySelector after more HTML elements	875,125 Ops/sec
HTML Preparation code:
<div class='a'>try</div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div>v
<div class='a b'>this</div>
<div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div>
<div class='a c'>howAboutMoreElements</div>
Run results for: querySelector(class) vs classList.contains

HTML DOM querySelector, vs looking into classList of element which already have

querySelector

classList.contains

querySelector after more HTML elements

classList.contains after more HTML elements
