Benchmark: insertAdjacentHTML+textContent vs escape+Improved

HTML Preparation code:


<div id='dest'></div>

Script Preparation code:

const dest = document.getElementById('dest');
function escapeHtml(unsafe)
{
    return unsafe
         .replace(/&/g, "&amp;")
         .replace(/</g, "&lt;")
         .replace(/>/g, "&gt;");
 }

Tests:

insertAdjacentHTML+textContent
dest.innerHTML = ""; for(var i=0; i<1000; ++i){ dest.insertAdjacentHTML("beforeend", ""); dest.lastChild.textContent = `Hello ${i} & hello again.`; }
escape+insertAdjacentHTML
dest.innerHTML = ""; for(var i=0; i<1000; ++i){ dest.insertAdjacentHTML("beforeend", `${escapeHtml(`Hello ${i} & hello again.`)}`); }
insertAdjacentHTML+textContent w/ lastElementChild
dest.innerHTML = ""; for(var i=0; i<1000; ++i){ dest.insertAdjacentHTML("beforeend", ""); dest.lastElementChild.textContent = `Hello ${i} & hello again.`; }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
insertAdjacentHTML+textContent
escape+insertAdjacentHTML
insertAdjacentHTML+textContent w/ lastElementChild

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!

Related benchmarks:

insertAdjacentHTML+textContent vs escape+Improved (version: 0)

Comparing performance of: insertAdjacentHTML+textContent vs escape+insertAdjacentHTML vs insertAdjacentHTML+textContent w/ lastElementChild

Created: 3 years ago by: Guest

Jump to the latest result

insertAdjacentHTML+textContent

escape+insertAdjacentHTML

insertAdjacentHTML+textContent w/ lastElementChild

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results