Benchmark: PCT: Vanilla, Cash, jQuery, Zepto, Bliss, Umbrella, Ext - JS Library Performance Test

PCT: Vanilla, Cash, jQuery, Zepto, Bliss, Umbrella, Ext - JS Library Performance Test (version: 0)

Comparing performance of: Vanilla Get ID vs Umbrella Get Text vs Umbrella Get ID vs Bliss Get HTML vs Bliss Get Text vs Bliss Get ID vs Zepto Get HTML vs Zepto Get Text vs Zepto Get ID vs Umbrella Get HTML vs jQuery Get HTML vs jQuery Get ID vs Cash Get HTML vs Cash Get Text vs Cash Get ID vs Vanilla Get HTML vs Vanilla Get Text vs Vanilla Get ID (QuerySelectorAll) vs Vanilla Get ID (QuerySelector) vs jQuery Get Text vs Ext Get ID

Created: 3 years ago by: Guest

Jump to the latest result

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"><script>
<script>jQuery.noConflict();</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cash/8.1.0/cash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/blissfuljs/1.0.6/bliss.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/umbrella/3.2.3/umbrella.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.2.0/ext-all.js"></script>
<div id="foo">Hello World</div>

Tests:

Vanilla Get ID
var text = document.getElementById("foo");
Umbrella Get Text
var text = u("#foo").text();
Umbrella Get ID
var text = u("#foo");
Bliss Get HTML
var text = Bliss("#foo").htmlContent;
Bliss Get Text
var text = Bliss("#foo").textContent;
Bliss Get ID
var text = Bliss("#foo");
Zepto Get HTML
var text = Zepto("#foo").html();
Zepto Get Text
var text = Zepto("#foo").text();
Zepto Get ID
var text = Zepto("#foo");
Umbrella Get HTML
var text = u("#foo").html();
jQuery Get HTML
var text = jQuery("#foo").html();
jQuery Get ID
var text = jQuery("#foo");
Cash Get HTML
var text = $("#foo").html();
Cash Get Text
var text = $("#foo").text();
Cash Get ID
var text = $("#foo");
Vanilla Get HTML
var text = document.getElementById("foo").innerHTML;
Vanilla Get Text
var text = document.getElementById("foo").textContent;
Vanilla Get ID (QuerySelectorAll)
var text = document.querySelectorAll("#foo");
Vanilla Get ID (QuerySelector)
var text = document.querySelector("#foo");
jQuery Get Text
var text = jQuery("#foo").text();
Ext Get ID
var text = Ext.get('foo');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Vanilla Get ID
Umbrella Get Text
Umbrella Get ID
Bliss Get HTML
Bliss Get Text
Bliss Get ID
Zepto Get HTML
Zepto Get Text
Zepto Get ID
Umbrella Get HTML
jQuery Get HTML
jQuery Get ID
Cash Get HTML
Cash Get Text
Cash Get ID
Vanilla Get HTML
Vanilla Get Text
Vanilla Get ID (QuerySelectorAll)
Vanilla Get ID (QuerySelector)
jQuery Get Text
Ext Get ID

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/116.0.0.0 Safari/537.36

Browser/OS: Chrome 116 on Windows

View result in a separate tab

Test name	Executions per second
Vanilla Get ID	2112252.2 Ops/sec
Vanilla Get ID (QuerySelector)	942752.4 Ops/sec
Vanilla Get ID (QuerySelectorAll)	530744.2 Ops/sec
Vanilla Get Text	1473653.6 Ops/sec
Vanilla Get HTML	1314455.2 Ops/sec
Cash Get ID	783344.2 Ops/sec
Cash Get Text	646839.8 Ops/sec
Cash Get HTML	656264.7 Ops/sec
jQuery Get ID	795824.1 Ops/sec
jQuery Get Text	497366.1 Ops/sec
jQuery Get HTML	574727.7 Ops/sec
Zepto Get ID	835456.1 Ops/sec
Zepto Get Text	396432.3 Ops/sec
Zepto Get HTML	644583.2 Ops/sec
Bliss Get ID	777670.4 Ops/sec
Bliss Get Text	590902.1 Ops/sec
Bliss Get HTML	766046.5 Ops/sec
Umbrella Get ID	197066.0 Ops/sec
Umbrella Get Text	192625.2 Ops/sec
Umbrella Get HTML	174155.6 Ops/sec
Ext Get ID	380102.0 Ops/sec

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

LLMs can make mistakes. Check important info.

Related benchmarks:

PCT: Vanilla, Cash, jQuery, Zepto, Bliss, Umbrella, Ext - JS Library Performance Test (version: 0)

Created: 3 years ago by: Guest

Jump to the latest result

Vanilla Get ID

Umbrella Get Text

Umbrella Get ID

Bliss Get HTML

Bliss Get Text

Bliss Get ID

Zepto Get HTML

Zepto Get Text

Zepto Get ID

Umbrella Get HTML

jQuery Get HTML

jQuery Get ID

Cash Get HTML

Cash Get Text

Cash Get ID

Vanilla Get HTML

Vanilla Get Text

Vanilla Get ID (QuerySelectorAll)

Vanilla Get ID (QuerySelector)

jQuery Get Text

Ext Get ID

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