Run results for: Jquery 2 vs 3 vs 3Slim

Run details:

User agent: Mozilla/5.0 (Android 11; Mobile; rv:134.0) Gecko/134.0 Firefox/134.0

Browser: Firefox Mobile 134

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

Benchmark engine: Benchmark.js

tests($jq224);

1376.9M/s

tests($jq360s);

1369.2M/s

tests($jq360);

1358.3M/s

View exact numbers

Test name	Executions per second
✓ tests($jq224);	1,376,945,280 Ops/sec
tests($jq360s);	1,369,224,832 Ops/sec
tests($jq360);	1,358,283,776 Ops/sec

HTML Preparation code:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'></script>
<script>
  var $jq224 = $.noConflict(true);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.slim.min.js"></script>
<script>
  var $jq360s = $.noConflict(true);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
  var $jq360 = $.noConflict(true);
</script>
<div>
  <ul id="menu">
    <li class="menu-item">1</li>
    <li class="menu-item">2</li>
    <li class="menu-item">3</li>
    <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li>      <li class="menu-item">4</li> 
  </ul>
</div>

Script Preparation code:

function tests($) {
    $(".menu-item").eq(2).closest("ul").css({
      "background-color": "red"
    }).parent().css({
      "border": "1px solid blue"
    }).append($("<p></p>").text("Text.").css({
      "background-color": "green"
    })).end().end().remove();
  console.log('tests' + $);
}

Tests:

tests($jq224);
$jq224
tests($jq360s);
$jq360s
tests($jq360);
$jq360