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

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: 6 days ago)

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:137.0) Gecko/20100101 Firefox/137.0

Browser/OS: Firefox 137 on Linux

View result in a separate tab

Test name	Executions per second
Vanilla Get ID	1153164.8 Ops/sec
Vanilla Get Text	959871.2 Ops/sec
Vanilla Get Html	1082575.5 Ops/sec
Cash Get ID	1286456.5 Ops/sec
Cash Get Text	1271036.5 Ops/sec
Cash Get Html	510426.4 Ops/sec
Bliss Get ID	577544.3 Ops/sec
Bliss Get Text	535920.0 Ops/sec
jQuery Get ID	1282255.4 Ops/sec
jQuery Get Text	627591.8 Ops/sec
jQuery Get Html	462308.8 Ops/sec

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

Related benchmarks:

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: 6 years ago by: Registered User

Jump 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

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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