Benchmark: 1x vs 3x el.textContent #7

1x vs 3x el.textContent #7 (version: 6)

Comparing performance of: el.textContent 3x vs el.textContent 1x vs el.textContent 3x with requestAnimationFrame and function inside vs el.textContent 1x with requestAnimationFrame and function inside vs el.textContent 3x with requestAnimationFrame and arrow function inside vs el.textContent 1x with requestAnimationFrame and arrow function inside vs el.textContent 3x with requestAnimationFrame and function outside vs el.textContent 1x with requestAnimationFrame and function outside vs el.textContent 3x with requestAnimationFrame and arrow function outside vs el.textContent 1x with requestAnimationFrame and arrow function outside

Created: 6 years ago by: Registered User

Jump to the latest result

HTML Preparation code:

<div>xxx</div>

Script Preparation code:

element1 = document.querySelector("div");

x = () => {
element1.textContent = "x";
element1.textContent = "b";
element1.textContent = "c";
element1.textContent = "d";
element1.textContent = "e";
};

y = () => {
//element1.textContent = "x";
//element1.textContent = "b";
element1.textContent = "c";
element1.textContent = "d";
};

xf = function () {
element1.textContent = "x";
element1.textContent = "b";
element1.textContent = "c";
element1.textContent = "d";
element1.textContent = "e";
};

yf = function () {
//element1.textContent = "x";
//element1.textContent = "b";
element1.textContent = "c";
element1.textContent = "d";
};

Tests:

el.textContent 3x
element1.textContent = "x"; element1.textContent = "b"; element1.textContent = "c"; element1.textContent = "d"; element1.textContent = "e";
el.textContent 1x
//element1.textContent = "x"; //element1.textContent = "b"; element1.textContent = "c"; element1.textContent = "d";
el.textContent 3x with requestAnimationFrame and function inside
requestAnimationFrame(function(){ element1.textContent = "x"; element1.textContent = "b"; element1.textContent = "c"; element1.textContent = "d"; element1.textContent = "e"; });
el.textContent 1x with requestAnimationFrame and function inside
requestAnimationFrame(function(){ //element1.textContent = "x"; //element1.textContent = "b"; element1.textContent = "c"; element1.textContent = "d"; });
el.textContent 3x with requestAnimationFrame and arrow function inside
requestAnimationFrame(()=>{ element1.textContent = "x"; element1.textContent = "b"; element1.textContent = "c"; element1.textContent = "d"; element1.textContent = "e"; });
el.textContent 1x with requestAnimationFrame and arrow function inside
requestAnimationFrame(()=>{ //element1.textContent = "x"; //element1.textContent = "b"; element1.textContent = "c"; element1.textContent = "d"; });
el.textContent 3x with requestAnimationFrame and function outside
requestAnimationFrame(xf);
el.textContent 1x with requestAnimationFrame and function outside
requestAnimationFrame(yf);
el.textContent 3x with requestAnimationFrame and arrow function outside
requestAnimationFrame(x);
el.textContent 1x with requestAnimationFrame and arrow function outside
requestAnimationFrame(y);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
el.textContent 3x
el.textContent 1x
el.textContent 3x with requestAnimationFrame and function inside
el.textContent 1x with requestAnimationFrame and function inside
el.textContent 3x with requestAnimationFrame and arrow function inside
el.textContent 1x with requestAnimationFrame and arrow function inside
el.textContent 3x with requestAnimationFrame and function outside
el.textContent 1x with requestAnimationFrame and function outside
el.textContent 3x with requestAnimationFrame and arrow function outside
el.textContent 1x with requestAnimationFrame and arrow function outside

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: