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
Test name
Executions per second
jQuery 3.3.1
2504471.5 Ops/sec
jQuery 2.1.4
2203487.2 Ops/sec
Vanilla JS querySelector
2685071.0 Ops/sec
Vanilla JS getElementById
15243521.0 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;