Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
JQUERY v3.7.1 vs v4.0.0 AND v3.7.1-slim vs v4.0.0-slim
Pre benchmark BETA RELEASE v4.0.0
Go to the benchmark
Embed
Embed Benchmark Result
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36
Browser:
Chrome 118
Operating system:
Windows
Device Platform:
Desktop
Date tested:
2 years ago
Test name
Executions per second
v3.7.1
29633.9 Ops/sec
v3.7.1-slim
28620.9 Ops/sec
v4.0.0
28717.2 Ops/sec
v4.0.0-slim
28078.4 Ops/sec
HTML Preparation code:
<script type="text/javascript" src="//code.jquery.com/jquery-3.7.1.min.js"></script> <script> var $jq371 = $.noConflict(true); </script> <script type="text/javascript" src="//code.jquery.com/jquery-3.7.1.slim.min.js"></script> <script> var $jq371_slim = $.noConflict(true); </script> <script type="text/javascript" src="//code.jquery.com/jquery-4.0.0-beta.min.js"></script> <script> var $jq400 = $.noConflict(true); </script> <script type="text/javascript" src="//code.jquery.com/jquery-4.0.0-beta.slim.min.js"></script> <script> var $jq400_slim = $.noConflict(true); </script> <div> <ul id="menu"> <li class="menu-item"> </li> <li class="menu-item"> </li> <li class="menu-item"> </li> <li class="menu-item"> </li> <li class="menu-item"> </li> </ul> </div>
Script Preparation code:
function tests($) { $('#menu').css({ 'backgroud': 'red' }); $('.menu-item').eq(2).hasClass('foo'); console.log($('.menu-item').length); }
Tests:
v3.7.1
tests($jq371);
v3.7.1-slim
tests($jq371_slim);
v4.0.0
tests($jq400);
v4.0.0-slim
tests($jq400_slim);