Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
FAQ
Register
Log In
Run results for:
Html escaping
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=633707" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/151.0.0.0 Safari/537.36
Browser:
Chrome 151
Operating system:
Mac OS X 10.15.7
Device Platform:
Desktop
Date tested:
one month ago
Benchmark engine:
Benchmark.js
Replace chain
770K/s
Replace all switch
24K/s
Replace all record
17K/s
Replace all chain
11K/s
Replace iterative
8K/s
View exact numbers
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
Script Preparation code:
function escapeHtml(value) { return value.replaceAll(/[&<>"'`]/g, (match) => { return {'&': '&', '<': '<', '>': '>', '"': '"', "'": ''', '`': '`'}[match]; }); } function escapeHtml2(value) { return value.replaceAll(/[&<>"'`]/g, (match) => { switch (match) { case '&': return '&'; case '<': return '<'; case '>': return '>'; case '"': return '"'; case "'": return '''; case '`': return '`'; default: return match; } }); } function escapeHtml3(value) { return value.replaceAll('&', '&') .replaceAll('<', '<') .replaceAll('>', '>') .replaceAll('"', '"') .replaceAll("'", ''') .replaceAll('`', '`'); } function escapeHtml4(value) { return value.replace('&', '&') .replace('<', '<') .replace('>', '>') .replace('"', '"') .replace("'", ''') .replace('`', '`'); } function escapeHtml5(value) { let escaped = ''; for (let i = 0; i < value.length; i++) { switch (value[i]) { case '&': escaped += '&'; break; case '<': escaped += '<'; break; case '>': escaped += '>'; break; case '"': escaped += '"'; break; case "'": escaped += '''; break; case '`': escaped += '`'; 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&family=IBM+Plex+Mono:wght@400;500;600&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&family=IBM+Plex+Mono:wght@400;500;600&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&family=IBM+Plex+Mono:wght@400;500;600&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&family=IBM+Plex+Mono:wght@400;500;600&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&family=IBM+Plex+Mono:wght@400;500;600&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&family=IBM+Plex+Mono:wght@400;500;600&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`;
Tests:
Replace all record
escapeHtml(content);
Replace all switch
escapeHtml2(content);
Replace all chain
escapeHtml3(content);
Replace chain
escapeHtml4(content);
Replace iterative
escapeHtml5(content);