Benchmark: jQuery versions (1.7.1 to 4.0.0b)

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>
<script src="https://code.jquery.com/jquery-4.0.0-beta.min.js"></script>
<script>
	var $jq400 = $.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);
Test jQuery 4.0.0
tests($jq400);

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 runs

Test jQuery 2.2.4

102K/s

Test jQuery 3.3.1

101K/s

Test jQuery 3.4.1

93K/s

Test jQuery 3.6.0

93K/s

Test jQuery 4.0.0

92K/s

Test jQuery 1.11.3

84K/s

Test jQuery 1.12.4

82K/s

Test jQuery 1.7.1

77K/s

Fastest: Test jQuery 2.2.4 (1.3x faster)

View exact numbers

✓ Test jQuery 2.2.4: 101,865 ops/sec
• Test jQuery 3.3.1: 101,264 ops/sec
• Test jQuery 3.4.1: 93,039 ops/sec
• Test jQuery 3.6.0: 92,928 ops/sec
• Test jQuery 4.0.0: 92,460 ops/sec
• Test jQuery 1.11.3: 83,892 ops/sec
• Test jQuery 1.12.4: 81,741 ops/sec
• Test jQuery 1.7.1: 77,222 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
Test jQuery 4.0.0

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 129 on Windows

View result in a separate tab

Test jQuery 2.2.4

103K/s

Test jQuery 3.3.1

101K/s

Test jQuery 3.6.0

93K/s

Test jQuery 3.4.1

92K/s

Test jQuery 4.0.0

91K/s

Test jQuery 1.11.3

86K/s

Test jQuery 1.12.4

81K/s

Test jQuery 1.7.1

80K/s

View exact numbers

Test name	Executions per second
✓ Test jQuery 2.2.4	102,803 Ops/sec
Test jQuery 3.3.1	100,902 Ops/sec
Test jQuery 3.6.0	93,390 Ops/sec
Test jQuery 3.4.1	92,249 Ops/sec
Test jQuery 4.0.0	91,398 Ops/sec
Test jQuery 1.11.3	85,810 Ops/sec
Test jQuery 1.12.4	80,846 Ops/sec
Test jQuery 1.7.1	79,596 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's dive into the explanation of the provided JSON benchmark data.

**Benchmark Definition**

The benchmark is designed to test the performance of different versions of jQuery, ranging from 1.7.1 to 4.0.0 beta. The script preparation code creates a specific HTML structure with a menu item and its closest parent and grandparent elements, which are then styled using CSS. This process involves creating multiple DOM elements, manipulating their styles, and removing them.

**Options being compared**

The benchmark compares the performance of each jQuery version in terms of executions per second (ExecutionsPerSecond) across various browser versions and devices. The options being compared include:

* Different jQuery versions (1.7.1 to 4.0.0 beta)
* Various browser versions (Chrome 129, with no other browsers mentioned)
* Desktop devices

**Performance metrics**

The benchmark reports the following performance metrics for each test:

* RawUAString: a string representing the user agent of the browser
* Browser: the name of the browser being used (in this case, Chrome 129)
* DevicePlatform: the type of device being used (Desktop)
* OperatingSystem: the operating system being used (Windows)
* ExecutionsPerSecond: the number of DOM element manipulations performed per second

**Interpretation**

The benchmark data suggests that:

* Later versions of jQuery tend to perform better than earlier versions, with higher executions per second.
* Chrome 129 is consistently one of the faster browsers in the test, regardless of the jQuery version being used.
* Desktop devices are generally faster than other device types.

Overall, this benchmark provides insight into the performance characteristics of different jQuery versions across various browser and device configurations.

jQuery versions (1.7.1 to 4.0.0b) (version: 0)

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 vs Test jQuery 4.0.0`

Created: 2 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

Test jQuery 4.0.0

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 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 (1.7.1 to 4.0.0b) (version: 0)

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 vs Test jQuery 4.0.0

Created: 2 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

Test jQuery 4.0.0

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 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 vs Test jQuery 4.0.0`