Benchmark: JQuery version speed test

HTML Preparation code:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script>
  var $jq1124 = $.noConflict(true);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/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 $jq331 = $.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"
    }).end().end().remove();
}

Tests:

$jq1124
tests($jq1124);
$jq224
tests($jq224);
$jq331
tests($jq331);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
$jq1124
$jq224
$jq331

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 143 on Windows

View result in a separate tab

Test name	Executions per second
$jq1124	389103.1 Ops/sec
$jq224	549133.8 Ops/sec
$jq331	527552.0 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 world of JavaScript microbenchmarks on MeasureThat.net.

**Benchmark Overview**

The provided benchmark measures the execution speed of different jQuery versions (1.9.1, 1.11.3, and 3.5.1) in a specific test case.

**Test Case**

The test case is a simple HTML page that uses jQuery to manipulate an unordered list (`<ul>`) element. The script preparation code defines a function `tests` that takes a jQuery object as an argument. Within this function:

* It selects the third element of the list using `.menu-item.eq(2)` and sets its closest parent's background color to red.
* Then, it sets the parent element's border to 1px solid blue.
* Finally, it removes all elements from the page.

The test case is executed three times with different jQuery versions: 1.9.1, 1.11.3, and 3.5.1. Each execution is wrapped in a `$.noConflict(true)` function to ensure that only one instance of jQuery is used per execution.

**Options Compared**

In this benchmark, we have three main options being compared:

1. **jQuery Version 1.9.1**
2. **jQuery Version 1.11.3**
3. **jQuery Version 3.5.1**

Each option has its pros and cons:

* **Pros of each version:**
	+ jQuery Version 1.9.1: This is an older version, but it might be faster in terms of execution speed due to its smaller size.
	+ jQuery Version 1.11.3: This version has some additional features and improvements compared to the previous ones, which might affect performance.
	+ jQuery Version 3.5.1: This is a more recent version with significant changes, including improved performance and new features.
* **Cons of each version:**
	+ jQuery Version 1.9.1: Its smaller size might not be enough to compensate for slower execution speeds.
	+ jQuery Version 1.11.3: Although it has some improvements, it might also introduce additional overhead that slows down the execution speed.
	+ jQuery Version 3.5.1: Its larger size and new features might increase the execution time.

**Library and Purpose**

The `$.noConflict(true)` function is used to prevent conflicts between different versions of jQuery in the same document. This function returns a new version of jQuery that does not interfere with the original one, ensuring that only one instance of jQuery is used per execution.

**Special JS Feature or Syntax (None)**

There are no special JavaScript features or syntaxes being tested in this benchmark.

**Alternatives**

If you want to create similar benchmarks on MeasureThat.net, here's what you can do:

1. Create a new benchmark definition by filling out the required fields.
2. Write your own test case script using jQuery and execute it with different versions (if necessary).
3. Use the `$.noConflict(true)` function if needed to prevent conflicts between different versions of jQuery.
4. Publish your benchmark result on MeasureThat.net for others to compare.

By creating custom benchmarks, you can help improve the accuracy of JavaScript microbenchmarking results and contribute to the understanding of performance differences between various JavaScript versions and libraries.

Related benchmarks:

JQuery version speed test (version: 0)

JQuery version speed test

Comparing performance of: $jq1124 vs $jq224 vs $jq331

Created: 5 years ago by: Guest

Jump to the latest result

$jq1124

$jq224

$jq331

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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