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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:120.0) Gecko/20100101 Firefox/120.0

Browser: Firefox 120

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 years ago

jQuery Get ID

12.4M/s

Vanilla Get ID

11.2M/s

Zepto Get ID

10.2M/s

Zepto Get Html

9.8M/s

Vanilla Get Html

9.5M/s

Vanilla Get Text

9.4M/s

Bliss Get HTML

6.0M/s

jQuery Get Html

5.9M/s

jQuery Get Text

5.6M/s

Dom7 Get ID

5.4M/s

Bliss Get ID

5.3M/s

Bliss Get Text

5.2M/s

Dom7 Get Text

4.3M/s

Dom7 Get HTML

4.1M/s

Zepto Get Text

3.6M/s

Umbrella Get HTML

764K/s

Umbrella Get ID

730K/s

Umbrella Get Text

714K/s

View exact numbers

Test name	Executions per second
✓ jQuery Get ID	12,420,070 Ops/sec
Vanilla Get ID	11,207,333 Ops/sec
Zepto Get ID	10,215,977 Ops/sec
Zepto Get Html	9,844,087 Ops/sec
Vanilla Get Html	9,547,397 Ops/sec
Vanilla Get Text	9,435,687 Ops/sec
Bliss Get HTML	5,973,756 Ops/sec
jQuery Get Html	5,896,744 Ops/sec
jQuery Get Text	5,561,369 Ops/sec
Dom7 Get ID	5,392,087 Ops/sec
Bliss Get ID	5,317,484 Ops/sec
Bliss Get Text	5,199,759 Ops/sec
Dom7 Get Text	4,332,388 Ops/sec
Dom7 Get HTML	4,089,108 Ops/sec
Zepto Get Text	3,592,742 Ops/sec
Umbrella Get HTML	763,512 Ops/sec
Umbrella Get ID	730,377 Ops/sec
Umbrella Get Text	713,909 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>
<script src="https://cdn.jsdelivr.net/npm/dom7@2.1.5/dist/dom7.min.js"></script>
<div id="foo">Hello World</div>

Tests:

Vanilla Get ID
var text = document.getElementById("foo");
Dom7 Get ID
var text = Dom7("#foo");
Bliss Get HTML
var text = Bliss("#foo").innerHTML;
Bliss Get Text
var text = Bliss("#foo").textContent;
Bliss Get ID
var text = Bliss("#foo");
Umbrella Get HTML
var text = u("#foo").html();
Umbrella Get Text
var text = u("#foo").text();
Umbrella Get ID
var text = u("#foo");
Zepto Get Html
var text = Zepto("#foo").html();
Zepto Get Text
var text = Zepto("#foo").text();
Zepto Get ID
var text = Zepto("#foo");
jQuery Get Html
var text = jQuery("#foo").html();
jQuery Get Text
var text = jQuery("#foo").text();
jQuery Get ID
var text = jQuery("#foo");
Vanilla Get Html
var text = document.getElementById("foo").innerHTML;
Vanilla Get Text
var text = document.getElementById("foo").textContent;
Dom7 Get Text
var text = Dom7("#foo").text();
Dom7 Get HTML
var text = Dom7("#foo").html();