Benchmark: Escape HTML string tags in JavaScript

Script Preparation code:

function escapeHtmlByReplacingCharacters(str) {
  if (typeof str !== 'string') {
    return '';
  }

  const escapeCharacter = (match) => {
    switch (match) {
      case '&': return '&amp;';
      case '<': return '&lt;';
      case '>': return '&gt;';
      case '"': return '&quot;';
      case '\'': return '&#039;';
      case '`': return '&#096;';
      default: return match;
    }
  };

  return str.replace(/[&<>"'`]/g, escapeCharacter);
}

function escapeHtml(strings, ...arguments) {
  const div = document.createElement('div');
  let output = strings[0];
  const args = arguments.entries();

  for (const [i, arg] of args) {
    div.innerText = arg;

    output += div.innerHTML;
    output += strings[i + 1];
  }

  return output;
}

Tests:

escapeHtmlByReplacingCharacters
const testString = "Hello, <b>world</b>! & 'this' is a \"test\" string with `backticks`."; escapeHtmlByReplacingCharacters(testString);
escapeHtml
const testString = "Hello, <b>world</b>! & 'this' is a \"test\" string with `backticks`."; escapeHtml`${testString}`

Historical Performance Data aggregated from 22 community runs

Desktop Results:

Chrome 17 runs

escapeHtmlByReplacingCharacters

1.8M/s

escapeHtml

1.2M/s

Fastest: escapeHtmlByReplacingCharacters (1.5x faster)

View exact numbers

✓ escapeHtmlByReplacingCharacters: 1,793,038 ops/sec
• escapeHtml: 1,166,031 ops/sec

Firefox 5 runs

escapeHtmlByReplacingCharacters

1.5M/s

escapeHtml

534K/s

Fastest: escapeHtmlByReplacingCharacters (2.8x faster)

View exact numbers

✓ escapeHtmlByReplacingCharacters: 1,515,393 ops/sec
• escapeHtml: 533,734 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Test case name	Result
escapeHtmlByReplacingCharacters
escapeHtml

Latest run results:

Run details: (Test run date: 2 months ago)

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

Browser/OS: Chrome 148 on Windows

View result in a separate tab

escapeHtmlByReplacingCharacters

1.5M/s

escapeHtml

1.2M/s

View exact numbers

Test name	Executions per second
✓ escapeHtmlByReplacingCharacters	1,549,968 Ops/sec
escapeHtml	1,166,031 Ops/sec

Escape HTML string tags in JavaScript (version: 1)

Escape HTML string tags in JavaScript by Character replacement vs. Tagged template literal function

Comparing performance of: `escapeHtmlByReplacingCharacters vs escapeHtml`

Created: one year ago by: Registered User

Go to the latest result

escapeHtmlByReplacingCharacters

escapeHtml

Historical Performance Data aggregated from 22 community runs

Desktop Results:

Chrome 17 runs

Firefox 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Escape HTML string tags in JavaScript (version: 1)

Escape HTML string tags in JavaScript by Character replacement vs. Tagged template literal function

Comparing performance of: escapeHtmlByReplacingCharacters vs escapeHtml

Created: one year ago by: Registered User

Go to the latest result

escapeHtmlByReplacingCharacters

escapeHtml

Historical Performance Data aggregated from 22 community runs

Desktop Results:

Chrome 17 runs

Firefox 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `escapeHtmlByReplacingCharacters vs escapeHtml`