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: 2 years 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

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

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

LLMs can make mistakes. Check important info.

Related benchmarks: