Benchmark: jQuery 2.2.0 vs Vanilla JS SetText Speed Test

jQuery 2.2.0 vs Vanilla JS SetText Speed Test (version: 0)

Pure JS .innerText vs Pure JS .innerHTML vs Pure JS .textContent vs jQuery .text() vs jQuery .html() vs jQuery .find() vs jQuery .find().html()

Comparing performance of: Pure JS .innerText vs Pure JS .innerHTML vs Pure JS .textContent vs jQuery .text() vs jQuery .html() vs jQuery .find() vs jQuery .find().html()

Created: 5 years ago by: Guest

Jump to the latest result

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div id="foo">Hello World</div>

Tests:

Pure JS .innerText
var el = document.getElementById("foo"); el.innerText = "New Hello World";
Pure JS .innerHTML
var el = document.getElementById("foo"); el.innerHTML = "New Hello World";
Pure JS .textContent
var el = document.getElementById("foo"); el.textContent = "New Hello World";
jQuery .text()
$("#foo").text("New Hello World");
jQuery .html()
$("#foo").html("New Hello World");
jQuery .find()
$(document).find("#foo").text("New Hello World");
jQuery .find().html()
$(document).find("#foo").html("New Hello World");

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Pure JS .innerText
Pure JS .innerHTML
Pure JS .textContent
jQuery .text()
jQuery .html()
jQuery .find()
jQuery .find().html()

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 19 days ago)

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

Browser/OS: Mobile Safari 17 on iOS 17.4.1

View result in a separate tab

Test name	Executions per second
Pure JS .innerText	6565932.0 Ops/sec
Pure JS .innerHTML	5159808.0 Ops/sec
Pure JS .textContent	6265723.0 Ops/sec
jQuery .text()	2034202.0 Ops/sec
jQuery .html()	2100714.0 Ops/sec
jQuery .find()	1334962.0 Ops/sec
jQuery .find().html()	1004840.0 Ops/sec

jQuery 2.2.0 vs Vanilla JS SetText Speed Test (version: 0)

Pure JS .innerText vs Pure JS .innerHTML vs Pure JS .textContent vs jQuery .text() vs jQuery .html() vs jQuery .find() vs jQuery .find().html()

Comparing performance of: Pure JS .innerText vs Pure JS .innerHTML vs Pure JS .textContent vs jQuery .text() vs jQuery .html() vs jQuery .find() vs jQuery .find().html()

Created: 5 years ago by: Guest

Jump to the latest result

Pure JS .innerText

Pure JS .innerHTML

Pure JS .textContent

jQuery .text()

jQuery .html()

jQuery .find()

jQuery .find().html()

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A