Run results for: Vanilla vs jQuery vs Zepto vs Umbrella vs Bliss JS Library Speed Test

Run details:

User agent: Mozilla/5.0 (iPad; CPU OS 17_5_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 17

Operating system: iOS 17.5.1

Device Platform: Tablet

Date tested: one year ago

Vanilla Get ID

8.6M/s

Vanilla Get Text

7.9M/s

Vanilla Get Html

4.9M/s

jQuery Get ID

4.6M/s

Zepto Get ID

4.3M/s

Bliss Get ID

2.6M/s

Bliss Get Text

2.5M/s

Zepto Get Html

2.5M/s

jQuery Get Text

2.5M/s

jQuery Get Html

2.5M/s

Zepto Get Text

2.0M/s

Umbrella Get ID

1.6M/s

Umbrella Get Text

1.5M/s

Umbrella Get HTML

1.3M/s

View exact numbers

Test name	Executions per second
✓ Vanilla Get ID	8,596,499 Ops/sec
Vanilla Get Text	7,938,984 Ops/sec
Vanilla Get Html	4,854,008 Ops/sec
jQuery Get ID	4,552,160 Ops/sec
Zepto Get ID	4,293,130 Ops/sec
Bliss Get ID	2,637,545 Ops/sec
Bliss Get Text	2,528,202 Ops/sec
Zepto Get Html	2,492,176 Ops/sec
jQuery Get Text	2,472,524 Ops/sec
jQuery Get Html	2,464,506 Ops/sec
Zepto Get Text	2,028,777 Ops/sec
Umbrella Get ID	1,625,573 Ops/sec
Umbrella Get Text	1,494,329 Ops/sec
Umbrella Get HTML	1,331,644 Ops/sec

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.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/umbrella/2.10.1/umbrella.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/blissfuljs/1.0.3/bliss.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;
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();
Umbrella Get ID
var text = u("#foo");
Umbrella Get Text
var text = u("#foo").text();
Umbrella Get HTML
var text = u("#foo").html();
Bliss Get ID
var text = Bliss("#foo");
Bliss Get Text
var text = Bliss("#foo").textContent;