Benchmark: Html escaping - MeasureThat.net

Script Preparation code:
function escapeHtml(value) {
    return value.replaceAll(/[&<>"'`]/g, (match) => {
        return {'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;', '`': '&#96;'}[match];
    });
}
          
function escapeHtml2(value) {
    return value.replaceAll(/[&<>"'`]/g, (match) => {
        switch (match) {
            case '&': return '&amp;';
            case '<': return '&lt;';
            case '>': return '&gt;';
            case '"': return '&quot;';
            case "'": return '&#39;';
            case '`': return '&#96;';
            default: return match;
        }
    });
}
          
function escapeHtml3(value) {
    return value.replaceAll('&', '&amp;')
        .replaceAll('<', '&lt;')
        .replaceAll('>', '&gt;')
        .replaceAll('"', '&quot;')
        .replaceAll("'", '&#39;')
        .replaceAll('`', '&#96;');
}

function escapeHtml4(value) {
    return value.replace('&', '&amp;')
        .replace('<', '&lt;')
        .replace('>', '&gt;')
        .replace('"', '&quot;')
        .replace("'", '&#39;')
        .replace('`', '&#96;');
}

function escapeHtml5(value) {
    let escaped = '';
    for (let i = 0; i < value.length; i++) {
        switch (value[i]) {
            case '&': escaped += '&amp;'; break;
            case '<': escaped += '&lt;'; break;
            case '>': escaped += '&gt;'; break;
            case '"': escaped += '&quot;'; break;
            case "'": escaped += '&#39;'; break;
            case '`': escaped += '&#96;'; break;
            default: escaped += value[i]; break;
        }
    }
    return escaped;
}

const content = `<html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <meta name="Description" content="JavaScript benchmarks, JavaScript performance playground. Measure performance accross different browsers. javascript benchmarks online.">
    <meta name="Keywords" content="JavaScript, jQuery, Python, Pyodide, Python Benchmarks, WASM, Performance, Benchmark, Speed, Web, React, Angular, Node.js, dotnet core, asp.net mvc, c#, JS, perf, browser, chrome, firefox, edge, internet explorer, vanilla js vs jquery, jquery vs react, react vs vue, react vs angular, compare performance, which one is faster, more efficient">

    <title>Create a benchmark - MeasureThat.net</title>
    

    <!-- Google Fonts: Inter for modern typography + IBM Plex Mono for console treatment -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;family=IBM+Plex+Mono:wght@400;500;600&amp;display=swap" rel="stylesheet">

    

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
    <link rel="stylesheet" href="/css/site.css?v=-KiEJNJ3p_W9jzYi4tuuH0rJq9YECIxoIzrizcOuTK4">
    <link rel="stylesheet" href="/css/aggregated-results.css?v=bbTWDsGls4RFiW1W2Cx-K00Pu-8XhaoqoHjtdTSfjhs">


    
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/theme/ambiance.min.css">
<link rel="stylesheet" href="/lib/codemirror/theme/console-dark.css">
</head>
<body>
    <nav class="navbar navbar-inverse navbar-expand-md navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/"><i aria-hidden="true"></i> MeasureThat<span style="color:#8A9099;">.net</span></a>
            </div>
            <div class="navbar-collapse collapse" id="navbarCollapse">
                <ul class="nav navbar-nav">
                    <li class="nav-item"><a class="nav-link" href="/Benchmarks/Add">Create a benchmark</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Tools">Tools</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Home/Discussions">Feedback</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Faq">FAQ</a></li>
                </ul>
                

    <ul class="nav navbar-nav navbar-right">
        <li><a href="/Account/Register">Register</a></li>
        <li><a href="/Account/Login">Log In</a></li>
    </ul>

            </div>
        </div>
    </nav>
    <div class="container body-content">
        


<div class="page-header" style="margin-bottom: 32px;">
    <br>
    <h1 style="font-size: 24px; font-weight: 700; color: #14171c; margin: 0; letter-spacing: -0.3px;">Create a benchmark</h1>
</div>

    <div class="alert alert-warning" role="alert" style="background: #fff8e1; border: 1px solid #f2e4a8; color: #8a6d1a; border-radius: 8px; padding: 18px 22px; margin-bottom: 24px;">
        <b>Consider signing in before you create a benchmark.</b> You'll be able to edit it later.
        Benchmarks created by guest users <b>can't be edited</b>, only forked.
        <br><br>
        <a class="btn btn-primary" style="background: #2FDD8F; color: #06231a; border: none; font-weight: 600; padding: 9px 16px; border-radius: 6px; font-size: 12.5px;" href="/Account/Login">Log In</a>
    </div>

<form action="/Benchmarks/Add" id="new-benchmark-form" method="post" novalidate="novalidate"><div class="validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>
</ul></div>    <input type="hidden" id="Id" name="Id" value="0">
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectab<html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <meta name="Description" content="JavaScript benchmarks, JavaScript performance playground. Measure performance accross different browsers. javascript benchmarks online.">
    <meta name="Keywords" content="JavaScript, jQuery, Python, Pyodide, Python Benchmarks, WASM, Performance, Benchmark, Speed, Web, React, Angular, Node.js, dotnet core, asp.net mvc, c#, JS, perf, browser, chrome, firefox, edge, internet explorer, vanilla js vs jquery, jquery vs react, react vs vue, react vs angular, compare performance, which one is faster, more efficient">

    <title>Create a benchmark - MeasureThat.net</title>
    

    <!-- Google Fonts: Inter for modern typography + IBM Plex Mono for console treatment -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;family=IBM+Plex+Mono:wght@400;500;600&amp;display=swap" rel="stylesheet">

    

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
    <link rel="stylesheet" href="/css/site.css?v=-KiEJNJ3p_W9jzYi4tuuH0rJq9YECIxoIzrizcOuTK4">
    <link rel="stylesheet" href="/css/aggregated-results.css?v=bbTWDsGls4RFiW1W2Cx-K00Pu-8XhaoqoHjtdTSfjhs">


    
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/theme/ambiance.min.css">
<link rel="stylesheet" href="/lib/codemirror/theme/console-dark.css">
</head>
<body>
    <nav class="navbar navbar-inverse navbar-expand-md navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/"><i aria-hidden="true"></i> MeasureThat<span style="color:#8A9099;">.net</span></a>
            </div>
            <div class="navbar-collapse collapse" id="navbarCollapse">
                <ul class="nav navbar-nav">
                    <li class="nav-item"><a class="nav-link" href="/Benchmarks/Add">Create a benchmark</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Tools">Tools</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Home/Discussions">Feedback</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Faq">FAQ</a></li>
                </ul>
                

    <ul class="nav navbar-nav navbar-right">
        <li><a href="/Account/Register">Register</a></li>
        <li><a href="/Account/Login">Log In</a></li>
    </ul>

            </div>
        </div>
    </nav>
    <div class="container body-content">
        


<div class="page-header" style="margin-bottom: 32px;">
    <br>
    <h1 style="font-size: 24px; font-weight: 700; color: #14171c; margin: 0; letter-spacing: -0.3px;">Create a benchmark</h1>
</div>

    <div class="alert alert-warning" role="alert" style="background: #fff8e1; border: 1px solid #f2e4a8; color: #8a6d1a; border-radius: 8px; padding: 18px 22px; margin-bottom: 24px;">
        <b>Consider signing in before you create a benchmark.</b> You'll be able to edit it later.
        Benchmarks created by guest users <b>can't be edited</b>, only forked.
        <br><br>
        <a class="btn btn-primary" style="background: #2FDD8F; color: #06231a; border: none; font-weight: 600; padding: 9px 16px; border-radius: 6px; font-size: 12.5px;" href="/Account/Login">Log In</a>
    </div>

<form action="/Benchmarks/Add" id="new-benchmark-form" method="post" novalidate="novalidate"><div class="validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>
</ul></div>    <input type="hidden" id="Id" name="Id" value="0">
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectab<html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <meta name="Description" content="JavaScript benchmarks, JavaScript performance playground. Measure performance accross different browsers. javascript benchmarks online.">
    <meta name="Keywords" content="JavaScript, jQuery, Python, Pyodide, Python Benchmarks, WASM, Performance, Benchmark, Speed, Web, React, Angular, Node.js, dotnet core, asp.net mvc, c#, JS, perf, browser, chrome, firefox, edge, internet explorer, vanilla js vs jquery, jquery vs react, react vs vue, react vs angular, compare performance, which one is faster, more efficient">

    <title>Create a benchmark - MeasureThat.net</title>
    

    <!-- Google Fonts: Inter for modern typography + IBM Plex Mono for console treatment -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;family=IBM+Plex+Mono:wght@400;500;600&amp;display=swap" rel="stylesheet">

    

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
    <link rel="stylesheet" href="/css/site.css?v=-KiEJNJ3p_W9jzYi4tuuH0rJq9YECIxoIzrizcOuTK4">
    <link rel="stylesheet" href="/css/aggregated-results.css?v=bbTWDsGls4RFiW1W2Cx-K00Pu-8XhaoqoHjtdTSfjhs">


    
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/theme/ambiance.min.css">
<link rel="stylesheet" href="/lib/codemirror/theme/console-dark.css">
</head>
<body>
    <nav class="navbar navbar-inverse navbar-expand-md navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/"><i aria-hidden="true"></i> MeasureThat<span style="color:#8A9099;">.net</span></a>
            </div>
            <div class="navbar-collapse collapse" id="navbarCollapse">
                <ul class="nav navbar-nav">
                    <li class="nav-item"><a class="nav-link" href="/Benchmarks/Add">Create a benchmark</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Tools">Tools</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Home/Discussions">Feedback</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Faq">FAQ</a></li>
                </ul>
                

    <ul class="nav navbar-nav navbar-right">
        <li><a href="/Account/Register">Register</a></li>
        <li><a href="/Account/Login">Log In</a></li>
    </ul>

            </div>
        </div>
    </nav>
    <div class="container body-content">
        


<div class="page-header" style="margin-bottom: 32px;">
    <br>
    <h1 style="font-size: 24px; font-weight: 700; color: #14171c; margin: 0; letter-spacing: -0.3px;">Create a benchmark</h1>
</div>

    <div class="alert alert-warning" role="alert" style="background: #fff8e1; border: 1px solid #f2e4a8; color: #8a6d1a; border-radius: 8px; padding: 18px 22px; margin-bottom: 24px;">
        <b>Consider signing in before you create a benchmark.</b> You'll be able to edit it later.
        Benchmarks created by guest users <b>can't be edited</b>, only forked.
        <br><br>
        <a class="btn btn-primary" style="background: #2FDD8F; color: #06231a; border: none; font-weight: 600; padding: 9px 16px; border-radius: 6px; font-size: 12.5px;" href="/Account/Login">Log In</a>
    </div>

<form action="/Benchmarks/Add" id="new-benchmark-form" method="post" novalidate="novalidate"><div class="validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>
</ul></div>    <input type="hidden" id="Id" name="Id" value="0">
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectab<html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <meta name="Description" content="JavaScript benchmarks, JavaScript performance playground. Measure performance accross different browsers. javascript benchmarks online.">
    <meta name="Keywords" content="JavaScript, jQuery, Python, Pyodide, Python Benchmarks, WASM, Performance, Benchmark, Speed, Web, React, Angular, Node.js, dotnet core, asp.net mvc, c#, JS, perf, browser, chrome, firefox, edge, internet explorer, vanilla js vs jquery, jquery vs react, react vs vue, react vs angular, compare performance, which one is faster, more efficient">

    <title>Create a benchmark - MeasureThat.net</title>
    

    <!-- Google Fonts: Inter for modern typography + IBM Plex Mono for console treatment -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;family=IBM+Plex+Mono:wght@400;500;600&amp;display=swap" rel="stylesheet">

    

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
    <link rel="stylesheet" href="/css/site.css?v=-KiEJNJ3p_W9jzYi4tuuH0rJq9YECIxoIzrizcOuTK4">
    <link rel="stylesheet" href="/css/aggregated-results.css?v=bbTWDsGls4RFiW1W2Cx-K00Pu-8XhaoqoHjtdTSfjhs">


    
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/theme/ambiance.min.css">
<link rel="stylesheet" href="/lib/codemirror/theme/console-dark.css">
</head>
<body>
    <nav class="navbar navbar-inverse navbar-expand-md navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/"><i aria-hidden="true"></i> MeasureThat<span style="color:#8A9099;">.net</span></a>
            </div>
            <div class="navbar-collapse collapse" id="navbarCollapse">
                <ul class="nav navbar-nav">
                    <li class="nav-item"><a class="nav-link" href="/Benchmarks/Add">Create a benchmark</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Tools">Tools</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Home/Discussions">Feedback</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Faq">FAQ</a></li>
                </ul>
                

    <ul class="nav navbar-nav navbar-right">
        <li><a href="/Account/Register">Register</a></li>
        <li><a href="/Account/Login">Log In</a></li>
    </ul>

            </div>
        </div>
    </nav>
    <div class="container body-content">
        


<div class="page-header" style="margin-bottom: 32px;">
    <br>
    <h1 style="font-size: 24px; font-weight: 700; color: #14171c; margin: 0; letter-spacing: -0.3px;">Create a benchmark</h1>
</div>

    <div class="alert alert-warning" role="alert" style="background: #fff8e1; border: 1px solid #f2e4a8; color: #8a6d1a; border-radius: 8px; padding: 18px 22px; margin-bottom: 24px;">
        <b>Consider signing in before you create a benchmark.</b> You'll be able to edit it later.
        Benchmarks created by guest users <b>can't be edited</b>, only forked.
        <br><br>
        <a class="btn btn-primary" style="background: #2FDD8F; color: #06231a; border: none; font-weight: 600; padding: 9px 16px; border-radius: 6px; font-size: 12.5px;" href="/Account/Login">Log In</a>
    </div>

<form action="/Benchmarks/Add" id="new-benchmark-form" method="post" novalidate="novalidate"><div class="validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>
</ul></div>    <input type="hidden" id="Id" name="Id" value="0">
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectab<html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <meta name="Description" content="JavaScript benchmarks, JavaScript performance playground. Measure performance accross different browsers. javascript benchmarks online.">
    <meta name="Keywords" content="JavaScript, jQuery, Python, Pyodide, Python Benchmarks, WASM, Performance, Benchmark, Speed, Web, React, Angular, Node.js, dotnet core, asp.net mvc, c#, JS, perf, browser, chrome, firefox, edge, internet explorer, vanilla js vs jquery, jquery vs react, react vs vue, react vs angular, compare performance, which one is faster, more efficient">

    <title>Create a benchmark - MeasureThat.net</title>
    

    <!-- Google Fonts: Inter for modern typography + IBM Plex Mono for console treatment -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;family=IBM+Plex+Mono:wght@400;500;600&amp;display=swap" rel="stylesheet">

    

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
    <link rel="stylesheet" href="/css/site.css?v=-KiEJNJ3p_W9jzYi4tuuH0rJq9YECIxoIzrizcOuTK4">
    <link rel="stylesheet" href="/css/aggregated-results.css?v=bbTWDsGls4RFiW1W2Cx-K00Pu-8XhaoqoHjtdTSfjhs">


    
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/theme/ambiance.min.css">
<link rel="stylesheet" href="/lib/codemirror/theme/console-dark.css">
</head>
<body>
    <nav class="navbar navbar-inverse navbar-expand-md navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/"><i aria-hidden="true"></i> MeasureThat<span style="color:#8A9099;">.net</span></a>
            </div>
            <div class="navbar-collapse collapse" id="navbarCollapse">
                <ul class="nav navbar-nav">
                    <li class="nav-item"><a class="nav-link" href="/Benchmarks/Add">Create a benchmark</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Tools">Tools</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Home/Discussions">Feedback</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Faq">FAQ</a></li>
                </ul>
                

    <ul class="nav navbar-nav navbar-right">
        <li><a href="/Account/Register">Register</a></li>
        <li><a href="/Account/Login">Log In</a></li>
    </ul>

            </div>
        </div>
    </nav>
    <div class="container body-content">
        


<div class="page-header" style="margin-bottom: 32px;">
    <br>
    <h1 style="font-size: 24px; font-weight: 700; color: #14171c; margin: 0; letter-spacing: -0.3px;">Create a benchmark</h1>
</div>

    <div class="alert alert-warning" role="alert" style="background: #fff8e1; border: 1px solid #f2e4a8; color: #8a6d1a; border-radius: 8px; padding: 18px 22px; margin-bottom: 24px;">
        <b>Consider signing in before you create a benchmark.</b> You'll be able to edit it later.
        Benchmarks created by guest users <b>can't be edited</b>, only forked.
        <br><br>
        <a class="btn btn-primary" style="background: #2FDD8F; color: #06231a; border: none; font-weight: 600; padding: 9px 16px; border-radius: 6px; font-size: 12.5px;" href="/Account/Login">Log In</a>
    </div>

<form action="/Benchmarks/Add" id="new-benchmark-form" method="post" novalidate="novalidate"><div class="validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>
</ul></div>    <input type="hidden" id="Id" name="Id" value="0">
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectab<html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <meta name="Description" content="JavaScript benchmarks, JavaScript performance playground. Measure performance accross different browsers. javascript benchmarks online.">
    <meta name="Keywords" content="JavaScript, jQuery, Python, Pyodide, Python Benchmarks, WASM, Performance, Benchmark, Speed, Web, React, Angular, Node.js, dotnet core, asp.net mvc, c#, JS, perf, browser, chrome, firefox, edge, internet explorer, vanilla js vs jquery, jquery vs react, react vs vue, react vs angular, compare performance, which one is faster, more efficient">

    <title>Create a benchmark - MeasureThat.net</title>
    

    <!-- Google Fonts: Inter for modern typography + IBM Plex Mono for console treatment -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;family=IBM+Plex+Mono:wght@400;500;600&amp;display=swap" rel="stylesheet">

    

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
    <link rel="stylesheet" href="/css/site.css?v=-KiEJNJ3p_W9jzYi4tuuH0rJq9YECIxoIzrizcOuTK4">
    <link rel="stylesheet" href="/css/aggregated-results.css?v=bbTWDsGls4RFiW1W2Cx-K00Pu-8XhaoqoHjtdTSfjhs">


    
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/theme/ambiance.min.css">
<link rel="stylesheet" href="/lib/codemirror/theme/console-dark.css">
</head>
<body>
    <nav class="navbar navbar-inverse navbar-expand-md navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/"><i aria-hidden="true"></i> MeasureThat<span style="color:#8A9099;">.net</span></a>
            </div>
            <div class="navbar-collapse collapse" id="navbarCollapse">
                <ul class="nav navbar-nav">
                    <li class="nav-item"><a class="nav-link" href="/Benchmarks/Add">Create a benchmark</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Tools">Tools</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Home/Discussions">Feedback</a></li>
                    <li class="nav-item"><a class="nav-link" href="/Faq">FAQ</a></li>
                </ul>
                

    <ul class="nav navbar-nav navbar-right">
        <li><a href="/Account/Register">Register</a></li>
        <li><a href="/Account/Login">Log In</a></li>
    </ul>

            </div>
        </div>
    </nav>
    <div class="container body-content">
        


<div class="page-header" style="margin-bottom: 32px;">
    <br>
    <h1 style="font-size: 24px; font-weight: 700; color: #14171c; margin: 0; letter-spacing: -0.3px;">Create a benchmark</h1>
</div>

    <div class="alert alert-warning" role="alert" style="background: #fff8e1; border: 1px solid #f2e4a8; color: #8a6d1a; border-radius: 8px; padding: 18px 22px; margin-bottom: 24px;">
        <b>Consider signing in before you create a benchmark.</b> You'll be able to edit it later.
        Benchmarks created by guest users <b>can't be edited</b>, only forked.
        <br><br>
        <a class="btn btn-primary" style="background: #2FDD8F; color: #06231a; border: none; font-weight: 600; padding: 9px 16px; border-radius: 6px; font-size: 12.5px;" href="/Account/Login">Log In</a>
    </div>

<form action="/Benchmarks/Add" id="new-benchmark-form" method="post" novalidate="novalidate"><div class="validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li>
</ul></div>    <input type="hidden" id="Id" name="Id" value="0">
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectab`;
Test case name	Result
Replace all record
Replace all switch
Replace all chain
Replace chain
Replace iterative
Test name	Executions per second
✓ Replace chain	770,100 Ops/sec
Replace all switch	24,026 Ops/sec
Replace all record	17,381 Ops/sec
Replace all chain	10,674 Ops/sec
Replace iterative	7,656 Ops/sec
Html escaping (version: 1) Benchmark.js

Comparing performance of: `Replace all record vs Replace all switch vs Replace all chain vs Replace chain vs Replace iterative`

Created: one month ago by: Guest

Go to the latest result

Replace all record

Replace all switch

Replace all chain

Replace chain

Replace iterative

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Html escaping (version: 1) Benchmark.js

Comparing performance of: Replace all record vs Replace all switch vs Replace all chain vs Replace chain vs Replace iterative

Created: one month ago by: Guest

Go to the latest result

Replace all record

Replace all switch

Replace all chain

Replace chain

Replace iterative

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Related benchmarks

Comparing performance of: `Replace all record vs Replace all switch vs Replace all chain vs Replace chain vs Replace iterative`
