Benchmark: jQuery versions - MeasureThat.net

HTML Preparation code:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script>
  var $jq171 = $.noConflict(true);
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>
<script>
  var $jq1113 = $.noConflict(true);
</script>
<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.3.1/jquery.min.js"></script>
<script>
  var $jq331 = $.noConflict(true);
</script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
  var $jq341 = $.noConflict(true);
</script>
<script src="https://code.jquery.com/jquery-3.6.0.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>  
  </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:

Test jQuery 1.7.1
tests($jq171);
Test jQuery 1.11.3
tests($jq1113);
Test jQuery 1.12.4
tests($jq1124);
Test jQuery 2.2.4
tests($jq224);
Test jQuery 3.3.1
tests($jq331);
Test jQuery 3.4.1
tests($jq341);
Test jQuery 3.6.0
tests($jq360);

Historical Performance Data aggregated from 68 community runs

Desktop Results:

Chrome 42 runs

Test jQuery 2.2.4

54K/s

Test jQuery 3.3.1

53K/s

Test jQuery 3.4.1

53K/s

Test jQuery 3.6.0

51K/s

Test jQuery 1.12.4

41K/s

Test jQuery 1.11.3

41K/s

Test jQuery 1.7.1

38K/s

Fastest: Test jQuery 2.2.4 (1.4x faster)

View exact numbers

✓ Test jQuery 2.2.4: 54,379 ops/sec
• Test jQuery 3.3.1: 52,876 ops/sec
• Test jQuery 3.4.1: 52,591 ops/sec
• Test jQuery 3.6.0: 51,351 ops/sec
• Test jQuery 1.12.4: 41,117 ops/sec
• Test jQuery 1.11.3: 40,611 ops/sec
• Test jQuery 1.7.1: 38,452 ops/sec

Firefox 11 runs

Test jQuery 3.4.1

29K/s

Test jQuery 3.3.1

29K/s

Test jQuery 3.6.0

28K/s

Test jQuery 2.2.4

27K/s

Test jQuery 1.12.4

23K/s

Test jQuery 1.7.1

22K/s

Test jQuery 1.11.3

22K/s

Fastest: Test jQuery 3.4.1 (1.3x faster)

View exact numbers

✓ Test jQuery 3.4.1: 28,968 ops/sec
• Test jQuery 3.3.1: 28,648 ops/sec
• Test jQuery 3.6.0: 28,334 ops/sec
• Test jQuery 2.2.4: 26,864 ops/sec
• Test jQuery 1.12.4: 23,025 ops/sec
• Test jQuery 1.7.1: 22,305 ops/sec
• Test jQuery 1.11.3: 21,801 ops/sec

Safari 10 runs

Test jQuery 3.6.0

153K/s

Test jQuery 3.4.1

146K/s

Test jQuery 2.2.4

144K/s

Test jQuery 3.3.1

131K/s

Test jQuery 1.11.3

107K/s

Test jQuery 1.7.1

104K/s

Test jQuery 1.12.4

102K/s

Fastest: Test jQuery 3.6.0 (1.5x faster)

View exact numbers

✓ Test jQuery 3.6.0: 152,769 ops/sec
• Test jQuery 3.4.1: 145,513 ops/sec
• Test jQuery 2.2.4: 143,604 ops/sec
• Test jQuery 3.3.1: 130,948 ops/sec
• Test jQuery 1.11.3: 106,557 ops/sec
• Test jQuery 1.7.1: 103,679 ops/sec
• Test jQuery 1.12.4: 102,419 ops/sec

Mobile Results:

Chrome 5 runs

Test jQuery 3.3.1

17K/s

Test jQuery 3.4.1

15K/s

Test jQuery 2.2.4

15K/s

Test jQuery 1.11.3

15K/s

Test jQuery 1.12.4

14K/s

Test jQuery 1.7.1

13K/s

Test jQuery 3.6.0

13K/s

Fastest: Test jQuery 3.3.1 (1.3x faster)

View exact numbers

✓ Test jQuery 3.3.1: 16,673 ops/sec
• Test jQuery 3.4.1: 15,111 ops/sec
• Test jQuery 2.2.4: 14,575 ops/sec
• Test jQuery 1.11.3: 14,550 ops/sec
• Test jQuery 1.12.4: 14,357 ops/sec
• Test jQuery 1.7.1: 13,170 ops/sec
• Test jQuery 3.6.0: 12,958 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Test jQuery 1.7.1
Test jQuery 1.11.3
Test jQuery 1.12.4
Test jQuery 2.2.4
Test jQuery 3.3.1
Test jQuery 3.4.1
Test jQuery 3.6.0

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 146 on Windows

View result in a separate tab

Test jQuery 2.2.4

114K/s

Test jQuery 3.3.1

113K/s

Test jQuery 1.12.4

93K/s

Test jQuery 1.11.3

88K/s

Test jQuery 1.7.1

87K/s

Test jQuery 3.4.1

80K/s

Test jQuery 3.6.0

66K/s

View exact numbers

Test name	Executions per second
✓ Test jQuery 2.2.4	113,864 Ops/sec
Test jQuery 3.3.1	113,367 Ops/sec
Test jQuery 1.12.4	92,946 Ops/sec
Test jQuery 1.11.3	87,621 Ops/sec
Test jQuery 1.7.1	86,820 Ops/sec
Test jQuery 3.4.1	79,843 Ops/sec
Test jQuery 3.6.0	66,238 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

Let's break down what is tested in the provided JSON benchmark.

**Benchmark Definition**

The benchmark measures the performance of different versions of jQuery, specifically the number of executions per second.

**Options compared**

The benchmark compares the following options:

1. **jQuery 1.7.1**: A relatively old version of jQuery.
2. **jQuery 1.11.3**: An older version of jQuery that was still widely used in 2015.
3. **jQuery 2.2.4**: An intermediate version of jQuery released in 2013.
4. **jQuery 3.3.1**: A mid-2017 release of jQuery, which marked a significant update with new features and improvements.
5. **jQuery 3.4.1**: Released in April 2018, this version introduced further performance improvements and security patches.
6. **jQuery 3.6.0**: The latest version available at the time of benchmarking, released in March 2022.

**Pros and Cons of each approach**

Each version of jQuery has its own strengths and weaknesses:

* Old versions (1.7.1 and 1.11.3) are less optimized for modern browsers and may have performance issues.
* Intermediate versions (2.2.4) might still be compatible with older browsers but may not offer significant performance improvements over newer versions.
* Newer versions (3.3.1, 3.4.1, and 3.6.0) typically include:

+ Performance improvements due to better caching, tree shaking, and other optimizations.
	+ New features and enhancements that make the library more efficient and effective.
	+ Security patches and bug fixes.

**Device and Browser Considerations**

The benchmark is executed on a Macintosh with Safari 17, which means it's running on a modern browser environment. However, the performance results might vary depending on other factors such as:

* Device hardware (CPU, RAM, etc.)
* Browser version
* System operating system

Keep in mind that the benchmark only measures the execution rate of the JavaScript code generated by jQuery, without considering other aspects like DOM manipulation, event handling, or user experience.

**Conclusion**

The benchmark provides a snapshot of the relative performance differences between various versions of jQuery. By understanding these differences, developers can choose the most suitable version for their project based on factors such as compatibility, performance requirements, and security concerns.

jQuery versions (version: 0) Benchmark.js

benchmark different versions of jquery

Comparing performance of: `Test jQuery 1.7.1 vs Test jQuery 1.11.3 vs Test jQuery 1.12.4 vs Test jQuery 2.2.4 vs Test jQuery 3.3.1 vs Test jQuery 3.4.1 vs Test jQuery 3.6.0`

Created: 4 years ago by: Guest

Go to the latest result

Test jQuery 1.7.1

Test jQuery 1.11.3

Test jQuery 1.12.4

Test jQuery 2.2.4

Test jQuery 3.3.1

Test jQuery 3.4.1

Test jQuery 3.6.0

Historical Performance Data aggregated from 68 community runs

Desktop Results:

Chrome 42 runs

Firefox 11 runs

Safari 10 runs

Mobile Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

jQuery versions (version: 0) Benchmark.js

benchmark different versions of jquery

Comparing performance of: Test jQuery 1.7.1 vs Test jQuery 1.11.3 vs Test jQuery 1.12.4 vs Test jQuery 2.2.4 vs Test jQuery 3.3.1 vs Test jQuery 3.4.1 vs Test jQuery 3.6.0

Created: 4 years ago by: Guest

Go to the latest result

Test jQuery 1.7.1

Test jQuery 1.11.3

Test jQuery 1.12.4

Test jQuery 2.2.4

Test jQuery 3.3.1

Test jQuery 3.4.1

Test jQuery 3.6.0

Historical Performance Data aggregated from 68 community runs

Desktop Results:

Chrome 42 runs

Firefox 11 runs

Safari 10 runs

Mobile Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Related benchmarks

Comparing performance of: `Test jQuery 1.7.1 vs Test jQuery 1.11.3 vs Test jQuery 1.12.4 vs Test jQuery 2.2.4 vs Test jQuery 3.3.1 vs Test jQuery 3.4.1 vs Test jQuery 3.6.0`