Benchmark: Vanilla vs Cash vs Bliss vs jQuery JS Library Speed Test

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"><script>
<script>
  jQuery.noConflict();  
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/blissfuljs/1.0.4/bliss.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cash/2.3.9/cash.min.js"></script>
<div id="foo">Hello World</div>

Tests:

Vanilla Get ID
var text = document.getElementById("foo");
Vanilla Get Text
var text = document.getElementById("foo").textContent;
Vanilla Get Html
var text = document.getElementById("foo").innerHTML;
Cash Get ID
var text = $("#foo");
Cash Get Text
var text = $("#foo").text();
Cash Get Html
var text = $("#foo").html();
Bliss Get ID
var text = Bliss("#foo");
Bliss Get Text
var text = Bliss("#foo").textContent;
jQuery Get ID
var text = jQuery("#foo");
jQuery Get Text
var text = jQuery("#foo").text();
jQuery Get Html
var text = jQuery("#foo").html();

Historical Performance Data aggregated from 51 community runs

Desktop Results:

Chrome 35 runs

Vanilla Get ID

7.3M/s

Vanilla Get Text

4.1M/s

Vanilla Get Html

3.7M/s

Cash Get ID

2.8M/s

Cash Get Text

2.3M/s

Cash Get Html

2.2M/s

Bliss Get ID

2.0M/s

jQuery Get ID

2.0M/s

Bliss Get Text

1.7M/s

jQuery Get Html

1.6M/s

jQuery Get Text

1.4M/s

Fastest: Vanilla Get ID (5.2x faster)

View exact numbers

✓ Vanilla Get ID: 7,336,721 ops/sec
• Vanilla Get Text: 4,089,564 ops/sec
• Vanilla Get Html: 3,663,304 ops/sec
• Cash Get ID: 2,760,946 ops/sec
• Cash Get Text: 2,267,789 ops/sec
• Cash Get Html: 2,165,460 ops/sec
• Bliss Get ID: 2,030,168 ops/sec
• jQuery Get ID: 2,005,682 ops/sec
• Bliss Get Text: 1,668,471 ops/sec
• jQuery Get Html: 1,601,539 ops/sec
• jQuery Get Text: 1,407,816 ops/sec

Firefox 8 runs

Vanilla Get ID

7.4M/s

jQuery Get ID

6.4M/s

Vanilla Get Text

6.0M/s

Cash Get ID

5.9M/s

Cash Get Text

5.8M/s

Vanilla Get Html

5.8M/s

Cash Get Html

3.4M/s

jQuery Get Text

3.4M/s

jQuery Get Html

3.3M/s

Bliss Get ID

3.1M/s

Bliss Get Text

3.0M/s

Fastest: Vanilla Get ID (2.4x faster)

View exact numbers

✓ Vanilla Get ID: 7,369,961 ops/sec
• jQuery Get ID: 6,388,254 ops/sec
• Vanilla Get Text: 5,969,656 ops/sec
• Cash Get ID: 5,937,477 ops/sec
• Cash Get Text: 5,803,944 ops/sec
• Vanilla Get Html: 5,759,341 ops/sec
• Cash Get Html: 3,439,388 ops/sec
• jQuery Get Text: 3,355,046 ops/sec
• jQuery Get Html: 3,336,622 ops/sec
• Bliss Get ID: 3,114,448 ops/sec
• Bliss Get Text: 3,042,547 ops/sec

Mobile Results:

Chrome 8 runs

Vanilla Get ID

4.0M/s

Vanilla Get Html

2.2M/s

Vanilla Get Text

2.1M/s

Cash Get ID

1.5M/s

Bliss Get ID

1.4M/s

Cash Get Text

1.1M/s

Cash Get Html

1.1M/s

jQuery Get ID

998K/s

Bliss Get Text

939K/s

jQuery Get Html

748K/s

jQuery Get Text

618K/s

Fastest: Vanilla Get ID (6.5x faster)

View exact numbers

✓ Vanilla Get ID: 3,986,868 ops/sec
• Vanilla Get Html: 2,192,718 ops/sec
• Vanilla Get Text: 2,135,416 ops/sec
• Cash Get ID: 1,509,334 ops/sec
• Bliss Get ID: 1,447,593 ops/sec
• Cash Get Text: 1,123,472 ops/sec
• Cash Get Html: 1,096,056 ops/sec
• jQuery Get ID: 998,442 ops/sec
• Bliss Get Text: 939,075 ops/sec
• jQuery Get Html: 747,671 ops/sec
• jQuery Get Text: 618,024 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
Vanilla Get ID
Vanilla Get Text
Vanilla Get Html
Cash Get ID
Cash Get Text
Cash Get Html
Bliss Get ID
Bliss Get Text
jQuery Get ID
jQuery Get Text
jQuery Get Html

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 142 on Windows

View result in a separate tab

Vanilla Get ID

14.4M/s

Vanilla Get Text

4.6M/s

Vanilla Get Html

3.1M/s

Cash Get ID

2.5M/s

Cash Get Text

1.8M/s

Bliss Get ID

1.6M/s

jQuery Get ID

1.6M/s

Cash Get Html

1.4M/s

Bliss Get Text

1.3M/s

jQuery Get Html

1.0M/s

jQuery Get Text

923K/s

View exact numbers

Test name	Executions per second
✓ Vanilla Get ID	14,420,675 Ops/sec
Vanilla Get Text	4,600,355 Ops/sec
Vanilla Get Html	3,114,123 Ops/sec
Cash Get ID	2,548,098 Ops/sec
Cash Get Text	1,765,486 Ops/sec
Bliss Get ID	1,636,533 Ops/sec
jQuery Get ID	1,609,244 Ops/sec
Cash Get Html	1,427,034 Ops/sec
Bliss Get Text	1,296,053 Ops/sec
jQuery Get Html	1,011,768 Ops/sec
jQuery Get Text	922,993 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's break down the benchmark and its various components.

**Benchmark Definition**

The benchmark definition is a JSON object that contains metadata about the test. The key fields are:

* `Name`: A unique name for the benchmark
* `Description`: A brief description of the benchmark (empty in this case)
* `Script`: The JavaScript code being tested (not shown here)

**Test Script**

The test script is likely a variant of the following code:
```javascript
var element = document.getElementById('testElement');
console.log(element);
```
This code retrieves an HTML element with the id "testElement" and logs its value to the console.

**Libraries Used**

The benchmark uses four JavaScript libraries:

* jQuery (version not specified)
* Lodash (version not specified)
* Moment.js (version not specified)
* None of these libraries are explicitly used in the test script, but it's likely that they're loaded as part of the benchmark setup.

**Benchmark Setup**

The benchmark setup is not shown here, but it's likely that it includes:

* Loading the test script
* Creating a document fragment or other DOM structure to render the test element
* Adding event listeners and other features to make the test more realistic

**Test Cases**

There are 8 test cases in this benchmark, each of which runs the test script with a different set of inputs. The inputs are likely generated by the benchmark setup.

**Results**

The results of the benchmark are shown as an array of objects, where each object contains:

* `RawUAString`: A string representing the browser's User Agent
* `Browser`: The browser name and version (e.g., "Mobile Safari 17")
* `DevicePlatform`: The device platform (e.g., "Mobile")
* `OperatingSystem`: The operating system (e.g., "iOS 17.6.1")
* `ExecutionsPerSecond`: The number of executions per second

The results show the performance of each test case on different browsers and devices.

**Performance Analysis**

By analyzing the results, we can identify which libraries have the greatest impact on performance and which optimizations would be most beneficial for future versions of the benchmark.

Vanilla vs Cash vs Bliss vs jQuery JS Library Speed Test (version: 0)

Comparing performance of: `Vanilla Get ID vs Vanilla Get Text vs Vanilla Get Html vs Cash Get ID vs Cash Get Text vs Cash Get Html vs Bliss Get ID vs Bliss Get Text vs jQuery Get ID vs jQuery Get Text vs jQuery Get Html`

Created: 7 years ago by: Registered User

Go to the latest result

Vanilla Get ID

Vanilla Get Text

Vanilla Get Html

Cash Get ID

Cash Get Text

Cash Get Html

Bliss Get ID

Bliss Get Text

jQuery Get ID

jQuery Get Text

jQuery Get Html

Historical Performance Data aggregated from 51 community runs

Desktop Results:

Chrome 35 runs

Firefox 8 runs

Mobile Results:

Chrome 8 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Vanilla vs Cash vs Bliss vs jQuery JS Library Speed Test (version: 0)

Comparing performance of: Vanilla Get ID vs Vanilla Get Text vs Vanilla Get Html vs Cash Get ID vs Cash Get Text vs Cash Get Html vs Bliss Get ID vs Bliss Get Text vs jQuery Get ID vs jQuery Get Text vs jQuery Get Html

Created: 7 years ago by: Registered User

Go to the latest result

Vanilla Get ID

Vanilla Get Text

Vanilla Get Html

Cash Get ID

Cash Get Text

Cash Get Html

Bliss Get ID

Bliss Get Text

jQuery Get ID

jQuery Get Text

jQuery Get Html

Historical Performance Data aggregated from 51 community runs

Desktop Results:

Chrome 35 runs

Firefox 8 runs

Mobile Results:

Chrome 8 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: `Vanilla Get ID vs Vanilla Get Text vs Vanilla Get Html vs Cash Get ID vs Cash Get Text vs Cash Get Html vs Bliss Get ID vs Bliss Get Text vs jQuery Get ID vs jQuery Get Text vs jQuery Get Html`