Benchmark: jquery 1.12.4 vs 2.2.4 vs 3.5.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.5.1/jquery.min.js"></script>
<script>
  var $jq351 = $.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>

AخA
 
<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.5.1/jquery.min.js"></script>
<script>
  var $jq351 = $.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' + $);
}

 
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);
tests($jq1124);
jquery 2.2.4
tests($jq224);
tests($jq224);
jquery 3.5.1
tests($jq351);
tests($jq351);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

Memory measurements supported only in Chrome.
For precise memory measurements Chrome must be launched with --enable-precise-memory-info flag.
More information: Monitoring JavaScript Memory

Test case name	Result
jquery 1.12.4
jquery 2.2.4
jquery 3.5.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	22598.8 Ops/sec
jquery 2.2.4	31430.4 Ops/sec
jquery 3.5.1	28672.3 Ops/sec

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

What is being tested?

MeasureThat.net is testing the performance of different versions of jQuery (a popular JavaScript library) on Firefox 130 browser.

The benchmark definition JSON contains three test cases, each corresponding to a different version of jQuery: 1.12.4, 2.2.4, and 3.5.1.

Options compared

In this benchmark:

The main variable being tested is the version of jQuery used (1.12.4, 2.2.4, or 3.5.1).
Other variables that might affect performance, such as browser type, device platform, operating system, and number of executions per second, are not explicitly controlled for.

Pros and cons of each option

Using a specific version of jQuery: This allows for a controlled comparison between different versions.
- Pros: easy to understand the impact of changing the version on performance.
- Cons: might not reflect real-world scenarios where users choose different versions based on their needs.
Not controlling for other variables: This could lead to confounding variables affecting the results, making it harder to determine the true impact of the jQuery version on performance.

Latest benchmark result

The latest benchmark result shows that:

jQuery 2.2.4 performs best with an average of 35706.43359375 executions per second.
jQuery 3.5.1 performs slightly worse, with an average of 33937.06640625 executions per second.
jQuery 1.12.4 performs the worst, with an average of 24721.806640625 executions per second.

Please note that these results are based on a single browser and device platform, which might not be representative of other users' experiences.

LLMs can make mistakes. Check important info.

**What is being tested?**

MeasureThat.net is testing the performance of different versions of jQuery (a popular JavaScript library) on Firefox 130 browser.

The benchmark definition JSON contains three test cases, each corresponding to a different version of jQuery: 1.12.4, 2.2.4, and 3.5.1.

**Options compared**

In this benchmark:

* The main variable being tested is the version of jQuery used (1.12.4, 2.2.4, or 3.5.1).
* Other variables that might affect performance, such as browser type, device platform, operating system, and number of executions per second, are not explicitly controlled for.

**Pros and cons of each option**

* **Using a specific version of jQuery**: This allows for a controlled comparison between different versions.
	+ Pros: easy to understand the impact of changing the version on performance.
	+ Cons: might not reflect real-world scenarios where users choose different versions based on their needs.
* **Not controlling for other variables**: This could lead to confounding variables affecting the results, making it harder to determine the true impact of the jQuery version on performance.

**Latest benchmark result**

The latest benchmark result shows that:

* jQuery 2.2.4 performs best with an average of 35706.43359375 executions per second.
* jQuery 3.5.1 performs slightly worse, with an average of 33937.06640625 executions per second.
* jQuery 1.12.4 performs the worst, with an average of 24721.806640625 executions per second.

Please note that these results are based on a single browser and device platform, which might not be representative of other users' experiences.

Related benchmarks:

jquery 1.12.4 vs 2.2.4 vs 3.5.1 (version: 0)

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

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

Created: 4 years ago by: Guest

Jump to the latest result

jquery 1.12.4

jquery 2.2.4

jquery 3.5.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):