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/140.0.0.0 YaBrowser/25.10.0.0 Safari/537.36
Browser:
Yandex Browser 25
Operating system:
Windows
Device Platform:
Desktop
Date tested:
5 months ago
Test name
Executions per second
v3.7.1
71771.1 Ops/sec
v3.7.1-slim
64788.4 Ops/sec
v4.0.0
67747.2 Ops/sec
v4.0.0-slim
71789.7 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);