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);

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: 2 months 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 name	Executions per second
Test jQuery 1.7.1	79595.6 Ops/sec
Test jQuery 1.11.3	85809.5 Ops/sec
Test jQuery 1.12.4	80845.8 Ops/sec
Test jQuery 2.2.4	102803.4 Ops/sec
Test jQuery 3.3.1	100902.0 Ops/sec
Test jQuery 3.4.1	92249.1 Ops/sec
Test jQuery 3.6.0	93390.2 Ops/sec
Test jQuery 4.0.0	91397.7 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated 2 months 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.

Related benchmarks:

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: 10 months ago by: Guest

Jump 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

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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