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=587232" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36
Browser:
Chrome 135
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Test name
Executions per second
Vanilla JS
33888492.0 Ops/sec
Vanilla JS querySelector
7284525.5 Ops/sec
jQuery
4149320.5 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;