Benchmark: jquery 1.12.4 vs 2.2.4 vs 3.6.1

HTML Preparation code:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js'></script>
<script>
  var $jq1124 = $.noConflict(true);
</script>
<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.1/jquery.min.js"></script>
<script>
  var $jq361 = $.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">5</li>  
    <li class="menu-item">6</li>  
    <li class="menu-item">7</li>  
    <li class="menu-item">7</li>  
    <li class="menu-item">7</li>  
    <li class="menu-item">7</li>  
    <li class="menu-item">7</li>  
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li>     <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li>     <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
        <li class="menu-item">7</li> 
    <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</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:

jquery 1.12.4
tests($jq1124);
jquery 2.2.4
tests($jq224);
jquery 3.6.1
tests($jq361);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
jquery 1.12.4
jquery 2.2.4
jquery 3.6.1

Fastest: N/A

Slowest: N/A

Latest run results:

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

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/OS: Chrome 132 on Windows

View result in a separate tab

Test name	Executions per second
jquery 1.12.4	23127.7 Ops/sec
jquery 2.2.4	30496.2 Ops/sec
jquery 3.6.1	27834.8 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated 6 months ago):

LLMs can make mistakes. Check important info.

Measuring the performance of different versions of jQuery can be an interesting task.

**Benchmark Definition**

The benchmark definition is comparing the performance of three different versions of jQuery: 1.12.4, 2.2.4, and 3.6.1. The script preparation code is a JavaScript function `tests($)` that uses jQuery to modify a HTML element. The purpose of this function is to test the performance of each jQuery version when executing a specific task.

**Individual Test Cases**

There are three individual test cases:

1. "jquery 1.12.4": This test case executes the script preparation code using jQuery 1.12.4.
2. "jquery 2.2.4": This test case executes the script preparation code using jQuery 2.2.4.
3. "jquery 3.6.1": This test case executes the script preparation code using jQuery 3.6.1.

**Latest Benchmark Result**

The latest benchmark result shows the performance of each test case, measured in executions per second. The results are:

* "jquery 2.2.4": 61021 executions per second
* "jquery 3.6.1": 58018 executions per second
* "jquery 1.12.4": 45451 executions per second

**Comparison**

Based on the latest benchmark result, jQuery 2.2.4 is the fastest version among the three tested versions, followed closely by jQuery 3.6.1. jQuery 1.12.4 is the slowest version.

It's worth noting that these results may not reflect the performance of the benchmarks in real-world scenarios. Additionally, other factors such as browser version, device platform, and operating system can affect the performance of the benchmark.

**Conclusion**

The benchmarking result shows that jQuery 2.2.4 is the fastest version among the three tested versions, followed by jQuery 3.6.1. This suggests that newer versions of jQuery tend to be more performant than older versions. However, it's essential to consider other factors and test in different scenarios before making conclusions about performance differences between versions.

Related benchmarks:

jquery 1.12.4 vs 2.2.4 vs 3.6.1 (version: 0)

Comparing performance of: jquery 1.12.4 vs jquery 2.2.4 vs jquery 3.6.1

Comparing performance of: jquery 1.12.4 vs jquery 2.2.4 vs jquery 3.6.1

Created: 2 years ago by: Guest

Jump to the latest result

jquery 1.12.4

jquery 2.2.4

jquery 3.6.1

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 6 months ago):