Run results for: Vanilla, Cash, jQuery, Zepto, Bliss, Umbrella, Ext - JS Library Performance Test

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Browser: Chrome 120

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Vanilla Get ID

6.4M/s

Vanilla Get Text

4.3M/s

Vanilla Get HTML

3.6M/s

Vanilla Get ID (QuerySelector)

2.6M/s

Zepto Get ID

2.3M/s

Cash Get ID

2.2M/s

Bliss Get HTML

2.0M/s

jQuery Get ID

1.9M/s

Bliss Get ID

1.9M/s

Cash Get Text

1.8M/s

Cash Get HTML

1.7M/s

Zepto Get HTML

1.7M/s

Bliss Get Text

1.6M/s

jQuery Get HTML

1.6M/s

Vanilla Get ID (QuerySelectorAll)

1.4M/s

jQuery Get Text

1.3M/s

Zepto Get Text

1.0M/s

Ext Get ID

636K/s

Umbrella Get ID

542K/s

Umbrella Get Text

499K/s

Umbrella Get HTML

450K/s

View exact numbers

Test name	Executions per second
✓ Vanilla Get ID	6,440,852 Ops/sec
Vanilla Get Text	4,296,710 Ops/sec
Vanilla Get HTML	3,604,548 Ops/sec
Vanilla Get ID (QuerySelector)	2,622,641 Ops/sec
Zepto Get ID	2,330,867 Ops/sec
Cash Get ID	2,200,280 Ops/sec
Bliss Get HTML	1,950,124 Ops/sec
jQuery Get ID	1,913,962 Ops/sec
Bliss Get ID	1,868,656 Ops/sec
Cash Get Text	1,766,702 Ops/sec
Cash Get HTML	1,746,569 Ops/sec
Zepto Get HTML	1,730,926 Ops/sec
Bliss Get Text	1,643,348 Ops/sec
jQuery Get HTML	1,599,368 Ops/sec
Vanilla Get ID (QuerySelectorAll)	1,378,612 Ops/sec
jQuery Get Text	1,301,839 Ops/sec
Zepto Get Text	1,013,984 Ops/sec
Ext Get ID	636,051 Ops/sec
Umbrella Get ID	541,729 Ops/sec
Umbrella Get Text	499,480 Ops/sec
Umbrella Get HTML	450,179 Ops/sec

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");
Vanilla Get ID (QuerySelector)
var text = document.querySelector("#foo");
Vanilla Get ID (QuerySelectorAll)
var text = document.querySelectorAll("#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();
jQuery Get ID
var text = jQuery("#foo");
jQuery Get Text
var text = jQuery("#foo").text();
jQuery Get HTML
var text = jQuery("#foo").html();
Zepto Get ID
var text = Zepto("#foo");
Zepto Get Text
var text = Zepto("#foo").text();
Zepto Get HTML
var text = Zepto("#foo").html();
Bliss Get ID
var text = Bliss("#foo");
Bliss Get Text
var text = Bliss("#foo").textContent;
Bliss Get HTML
var text = Bliss("#foo").htmlContent;
Umbrella Get ID
var text = u("#foo");
Umbrella Get Text
var text = u("#foo").text();
Umbrella Get HTML
var text = u("#foo").html();
Ext Get ID
var text = Ext.get('foo');