Benchmark: JQuery version speed test (2.2.4 vs 3.3.1 vs 3.4.1)

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.3.1/jquery.min.js"></script>
<script>
  var $jq331 = $.noConflict(true);
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script>
<script>
  var $jq341 = $.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>  
  </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.")).end().end().remove();
}

Tests:

$jq341
tests($jq341);
$jq224
tests($jq224);
$jq331
tests($jq331);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
$jq341
$jq224
$jq331

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.61 Safari/537.36

Browser/OS: Chrome 94 on Windows

View result in a separate tab

Test name	Executions per second
$jq341	174483.8 Ops/sec
$jq224	172729.8 Ops/sec
$jq331	180492.3 Ops/sec

JQuery version speed test (2.2.4 vs 3.3.1 vs 3.4.1) (version: 0)

Comparing performance of: $jq341 vs $jq224 vs $jq331

Created: 4 years ago by: Registered User

Jump to the latest result

$jq341

$jq224

$jq331

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A