Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
jQuery Id selector vs Document.getElementById vs Document.querySelector
Comparing speed of getting element by id with jQuery vs Vanilla JS vs Vanilla JS querySelector
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=606483" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36
Browser:
Chrome 136
Operating system:
Linux
Device Platform:
Desktop
Date tested:
one year ago
Test name
Executions per second
Vanilla JS
35198440.0 Ops/sec
Vanilla JS querySelector
9401177.0 Ops/sec
jQuery
5698116.0 Ops/sec
HTML Preparation code:
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.1.0.min.js"></script> <div id="testElement"></div>
Tests:
Vanilla JS
var el = document.getElementById('testElement'); var className = el.className;
Vanilla JS querySelector
var el = document.querySelector('#testElement'); var className = el.className;
jQuery
var el = $('#testElement'); var className = el.className;