Benchmark: Vanilla JS, Cash 8.1.5 and jQuery 3.7 - GetText Speed Test

Vanilla JS, Cash 8.1.5 and jQuery 3.7 - GetText Speed Test (version: 0)

Comparing performance of: Vanilla JS .innerText vs Vanilla JS .innerHTML vs Vanilla JS .textContent vs Vanilla JS (querySelector) .innerText vs Vanilla JS (querySelector) .innerHTML vs Vanilla JS (querySelector) .textContent vs Vanilla JS (querySelectorAll) .innerText vs Vanilla JS (querySelectorAll) .innerHTML vs Vanilla JS (querySelectorAll) .textContent vs Cash .text vs Cash .html vs jQuery .text() vs jQuery .html() vs jQuery .find() .text() vs jQuery .find() .html()

Created: one year ago by: Guest

Jump to the latest result

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"><script>
<script>jQuery.noConflict();</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cash/8.1.5/cash.min.js"></script>
<div id="foo">Hello World</div>

Tests:

Vanilla JS .innerText
var el = document.getElementById("foo"); var text = el.innerText;
Vanilla JS .innerHTML
var el = document.getElementById("foo"); var text = el.innerHTML;
Vanilla JS .textContent
var el = document.getElementById("foo"); var text = el.textContent;
Vanilla JS (querySelector) .innerText
var el = document.querySelector("#foo"); var text = el.innerText;
Vanilla JS (querySelector) .innerHTML
var el = document.querySelector("#foo"); var text = el.innerHTML;
Vanilla JS (querySelector) .textContent
var el = document.querySelector("#foo"); var text = el.textContent;
Vanilla JS (querySelectorAll) .innerText
var el = document.querySelectorAll("#foo"); var text = el.innerText;
Vanilla JS (querySelectorAll) .innerHTML
var el = document.querySelectorAll("#foo"); var text = el.innerHTML;
Vanilla JS (querySelectorAll) .textContent
var el = document.querySelectorAll("#foo"); var text = el.textContent;
Cash .text
var text = $("#foo").text();
Cash .html
var text = $("#foo").html();
jQuery .text()
var text = jQuery("#foo").text();
jQuery .html()
var text = jQuery("#foo").html();
jQuery .find() .text()
var text = jQuery(document).find("#foo").text();
jQuery .find() .html()
var text = jQuery(document).find("#foo").html();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Vanilla JS .innerText
Vanilla JS .innerHTML
Vanilla JS .textContent
Vanilla JS (querySelector) .innerText
Vanilla JS (querySelector) .innerHTML
Vanilla JS (querySelector) .textContent
Vanilla JS (querySelectorAll) .innerText
Vanilla JS (querySelectorAll) .innerHTML
Vanilla JS (querySelectorAll) .textContent
Cash .text
Cash .html
jQuery .text()
jQuery .html()
jQuery .find() .text()
jQuery .find() .html()

Fastest: N/A

Slowest: N/A

Autogenerated LLM Sumamry (model llama3.2:3b, generated 4 days ago):

LLMs can make mistakes. Check important info.

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 114 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Vanilla JS .innerText	817490.1 Ops/sec
Vanilla JS .innerHTML	3696380.0 Ops/sec
Vanilla JS .textContent	3740332.0 Ops/sec
Vanilla JS (querySelector) .innerText	807050.6 Ops/sec
Vanilla JS (querySelector) .innerHTML	2291603.0 Ops/sec
Vanilla JS (querySelector) .textContent	2339028.0 Ops/sec
Vanilla JS (querySelectorAll) .innerText	1688510.0 Ops/sec
Vanilla JS (querySelectorAll) .innerHTML	1800813.0 Ops/sec
Vanilla JS (querySelectorAll) .textContent	1834949.0 Ops/sec
Cash .text	960108.3 Ops/sec
Cash .html	1670316.0 Ops/sec
jQuery .text()	1564805.0 Ops/sec
jQuery .html()	1654632.0 Ops/sec
jQuery .find() .text()	881313.3 Ops/sec
jQuery .find() .html()	882753.3 Ops/sec

Related benchmarks:

Vanilla JS, Cash 8.1.5 and jQuery 3.7 - GetText Speed Test (version: 0)

Created: one year ago by: Guest

Jump to the latest result

Vanilla JS .innerText

Vanilla JS .innerHTML

Vanilla JS .textContent

Vanilla JS (querySelector) .innerText

Vanilla JS (querySelector) .innerHTML

Vanilla JS (querySelector) .textContent

Vanilla JS (querySelectorAll) .innerText

Vanilla JS (querySelectorAll) .innerHTML

Vanilla JS (querySelectorAll) .textContent

Cash .text

Cash .html

jQuery .text()

jQuery .html()

jQuery .find() .text()

jQuery .find() .html()

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Sumamry (model llama3.2:3b, generated 4 days ago):