Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
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
Benchmark engine:
Benchmark.js
Vanilla JS
35.2M/s
Vanilla JS querySelector
9.4M/s
jQuery
5.7M/s
View exact numbers
Test name
Executions per second
✓
Vanilla JS
35,198,440 Ops/sec
Vanilla JS querySelector
9,401,177 Ops/sec
jQuery
5,698,116 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;