Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
jQuery 3.3.1 selector vs jQuery 2.1.4 vs document.querySelector vs document.getElementById
Comparing speed of jQuery 3.3.1 selector, jQuery 2.1.4, vanilla JS querySelector, and vanilla JS getElementById
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=585616" 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/132.0.0.0 Safari/537.36
Browser:
Chrome 132
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Vanilla JS getElementById
15.2M/s
Vanilla JS querySelector
2.7M/s
jQuery 3.3.1
2.5M/s
jQuery 2.1.4
2.2M/s
View exact numbers
Test name
Executions per second
✓
Vanilla JS getElementById
15,243,521 Ops/sec
Vanilla JS querySelector
2,685,071 Ops/sec
jQuery 3.3.1
2,504,472 Ops/sec
jQuery 2.1.4
2,203,487 Ops/sec
HTML Preparation code:
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script> <script type="text/javascript"> var jq331 = $.noConflict(true); </script> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js'></script> <script type="text/javascript"> var jq214 = $.noConflict(true); </script> <div id="testElement"></div>
Tests:
jQuery 3.3.1
var el = jq331("#testElement")[0]; var className = el.className;
jQuery 2.1.4
var el = jq214("#testElement")[0]; var className = el.className;
Vanilla JS querySelector
var el = document.querySelector('#testElement'); var className = el.className;
Vanilla JS getElementById
var el = document.getElementById('testElement'); var className = el.className;