Run results for: getElementById vs querySelector in large DOM

Test name	Executions per second
✓ getElementById	3,527,056 Ops/sec
querySelector	89,612 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>