Run results for: getElementById vs querySelector in large DOM

Test name	Executions per second
✓ getElementById	2,048,423 Ops/sec
querySelector	51,756 Ops/sec
HTML Preparation code:
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement2">
<div id="testElement">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>