Benchmark: jQuery.text() vs Element.textContent (jQuery 1.11.3

HTML Preparation code:

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<div id="content">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dictum magna dolor, a convallis erat convallis a. Etiam interdum tincidunt leo non elementum. Mauris rhoncus lorem eu dapibus porta. Integer tincidunt mi a justo dignissim suscipit. Aenean accumsan eget eros eget suscipit. Aliquam maximus rhoncus felis, nec vestibulum turpis fermentum a. Donec sagittis augue eros, non vehicula urna mollis volutpat. Pellentesque gravida placerat arcu, et gravida tellus pellentesque sed. Ut efficitur ornare massa nec aliquet. Aenean pharetra elementum aliquet. Etiam faucibus, metus vel consequat lobortis, ligula ipsum hendrerit erat, id dictum justo purus in metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

Script Preparation code:

var el = document.getElementById('content');
var replacementText = "Narwhal gentrify squid franzen vape 90's man bun, literally godard raw denim pabst mlkshk. Banjo church-key seitan bushwick, cardigan pop-up single-origin coffee tumblr godard disrupt roof party lyft shoreditch yuccie. Church-key hot chicken umami kitsch, vaporware cardigan pop-up. Waistcoat organic sriracha, hashtag meh single-origin coffee brunch wayfarers small batch mustache. Normcore skateboard mumblecore, cold-pressed small batch live-edge try-hard typewriter waistcoat master cleanse heirloom. Heirloom VHS chia, flannel put a bird on it sustainable portland try-hard 90's locavore. Try-hard lo-fi heirloom, sartorial cray chillwave ennui lyft taxidermy farm-to-table.";

Tests:

get jQuery.text()
var text = $(el).text();
get Element.textContent
var text = el.textContent;
set jQuery.text()
$(el).text(replacementText);
set Element.textContent
el.textContent = replacementText;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
get jQuery.text()
get Element.textContent
set jQuery.text()
set Element.textContent

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: one year ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Browser/OS: Chrome 105 on Windows

View result in a separate tab

Test name	Executions per second
get jQuery.text()	202946.5 Ops/sec
get Element.textContent	450010.4 Ops/sec
set jQuery.text()	85450.5 Ops/sec
set Element.textContent	3062484.0 Ops/sec

jQuery.text() vs Element.textContent (jQuery 1.11.3 (version: 0)

Comparing performance of: get jQuery.text() vs get Element.textContent vs set jQuery.text() vs set Element.textContent

Created: one year ago by: Guest

Jump to the latest result

get jQuery.text()

get Element.textContent

set jQuery.text()

set Element.textContent

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A