{"ScriptPreparationCode":"function escapeHtml(value) {\r\n return value.replaceAll(/[\u0026\u003C\u003E\u0022\u0027\u0060]/g, (match) =\u003E {\r\n return {\u0027\u0026\u0027: \u0027\u0026amp;\u0027, \u0027\u003C\u0027: \u0027\u0026lt;\u0027, \u0027\u003E\u0027: \u0027\u0026gt;\u0027, \u0027\u0022\u0027: \u0027\u0026quot;\u0027, \u0022\u0027\u0022: \u0027\u0026#39;\u0027, \u0027\u0060\u0027: \u0027\u0026#96;\u0027}[match];\r\n });\r\n}\r\n \r\nfunction escapeHtml2(value) {\r\n return value.replaceAll(/[\u0026\u003C\u003E\u0022\u0027\u0060]/g, (match) =\u003E {\r\n switch (match) {\r\n case \u0027\u0026\u0027: return \u0027\u0026amp;\u0027;\r\n case \u0027\u003C\u0027: return \u0027\u0026lt;\u0027;\r\n case \u0027\u003E\u0027: return \u0027\u0026gt;\u0027;\r\n case \u0027\u0022\u0027: return \u0027\u0026quot;\u0027;\r\n case \u0022\u0027\u0022: return \u0027\u0026#39;\u0027;\r\n case \u0027\u0060\u0027: return \u0027\u0026#96;\u0027;\r\n default: return match;\r\n }\r\n });\r\n}\r\n \r\nfunction escapeHtml3(value) {\r\n return value.replaceAll(\u0027\u0026\u0027, \u0027\u0026amp;\u0027)\r\n .replaceAll(\u0027\u003C\u0027, \u0027\u0026lt;\u0027)\r\n .replaceAll(\u0027\u003E\u0027, \u0027\u0026gt;\u0027)\r\n .replaceAll(\u0027\u0022\u0027, \u0027\u0026quot;\u0027)\r\n .replaceAll(\u0022\u0027\u0022, \u0027\u0026#39;\u0027)\r\n .replaceAll(\u0027\u0060\u0027, \u0027\u0026#96;\u0027);\r\n}\r\n\r\nfunction escapeHtml4(value) {\r\n return value.replace(\u0027\u0026\u0027, \u0027\u0026amp;\u0027)\r\n .replace(\u0027\u003C\u0027, \u0027\u0026lt;\u0027)\r\n .replace(\u0027\u003E\u0027, \u0027\u0026gt;\u0027)\r\n .replace(\u0027\u0022\u0027, \u0027\u0026quot;\u0027)\r\n .replace(\u0022\u0027\u0022, \u0027\u0026#39;\u0027)\r\n .replace(\u0027\u0060\u0027, \u0027\u0026#96;\u0027);\r\n}\r\n\r\nfunction escapeHtml5(value) {\r\n let escaped = \u0027\u0027;\r\n for (let i = 0; i \u003C value.length; i\u002B\u002B) {\r\n switch (value[i]) {\r\n case \u0027\u0026\u0027: escaped \u002B= \u0027\u0026amp;\u0027; break;\r\n case \u0027\u003C\u0027: escaped \u002B= \u0027\u0026lt;\u0027; break;\r\n case \u0027\u003E\u0027: escaped \u002B= \u0027\u0026gt;\u0027; break;\r\n case \u0027\u0022\u0027: escaped \u002B= \u0027\u0026quot;\u0027; break;\r\n case \u0022\u0027\u0022: escaped \u002B= \u0027\u0026#39;\u0027; break;\r\n case \u0027\u0060\u0027: escaped \u002B= \u0027\u0026#96;\u0027; break;\r\n default: escaped \u002B= value[i]; break;\r\n }\r\n }\r\n return escaped;\r\n}\r\n\r\nconst content = \u0060\u003Chtml\u003E\u003Chead\u003E\r\n \u003Cmeta charset=\u0022utf-8\u0022\u003E\r\n \u003Cmeta name=\u0022viewport\u0022 content=\u0022width=device-width, initial-scale=1.0\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002257x57\u0022 href=\u0022/apple-icon-57x57.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002260x60\u0022 href=\u0022/apple-icon-60x60.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002272x72\u0022 href=\u0022/apple-icon-72x72.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002276x76\u0022 href=\u0022/apple-icon-76x76.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022114x114\u0022 href=\u0022/apple-icon-114x114.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022120x120\u0022 href=\u0022/apple-icon-120x120.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022144x144\u0022 href=\u0022/apple-icon-144x144.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022152x152\u0022 href=\u0022/apple-icon-152x152.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022180x180\u0022 href=\u0022/apple-icon-180x180.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u0022192x192\u0022 href=\u0022/android-icon-192x192.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002232x32\u0022 href=\u0022/favicon-32x32.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002296x96\u0022 href=\u0022/favicon-96x96.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002216x16\u0022 href=\u0022/favicon-16x16.png\u0022\u003E\r\n \u003Clink rel=\u0022manifest\u0022 href=\u0022/manifest.json\u0022\u003E\r\n \u003Cmeta name=\u0022msapplication-TileColor\u0022 content=\u0022#ffffff\u0022\u003E\r\n \u003Cmeta name=\u0022msapplication-TileImage\u0022 content=\u0022/ms-icon-144x144.png\u0022\u003E\r\n \u003Cmeta name=\u0022theme-color\u0022 content=\u0022#ffffff\u0022\u003E\r\n\r\n \u003Cmeta name=\u0022Description\u0022 content=\u0022JavaScript benchmarks, JavaScript performance playground. Measure performance accross different browsers. javascript benchmarks online.\u0022\u003E\r\n \u003Cmeta name=\u0022Keywords\u0022 content=\u0022JavaScript, 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\u0022\u003E\r\n\r\n \u003Ctitle\u003ECreate a benchmark - MeasureThat.net\u003C/title\u003E\r\n \r\n\r\n \u003C!-- Google Fonts: Inter for modern typography \u002B IBM Plex Mono for console treatment --\u003E\r\n \u003Clink rel=\u0022preconnect\u0022 href=\u0022https://fonts.googleapis.com\u0022\u003E\r\n \u003Clink rel=\u0022preconnect\u0022 href=\u0022https://fonts.gstatic.com\u0022 crossorigin=\u0022\u0022\u003E\r\n \u003Clink href=\u0022https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800\u0026amp;family=IBM\u002BPlex\u002BMono:wght@400;500;600\u0026amp;display=swap\u0022 rel=\u0022stylesheet\u0022\u003E\r\n\r\n \r\n\r\n \u003Clink href=\u0022https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css\u0022 rel=\u0022stylesheet\u0022 integrity=\u0022sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8\u002BLH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB\u0022 crossorigin=\u0022anonymous\u0022\u003E\r\n \u003Clink rel=\u0022stylesheet\u0022 href=\u0022/css/site.css?v=-KiEJNJ3p_W9jzYi4tuuH0rJq9YECIxoIzrizcOuTK4\u0022\u003E\r\n \u003Clink rel=\u0022stylesheet\u0022 href=\u0022/css/aggregated-results.css?v=bbTWDsGls4RFiW1W2Cx-K00Pu-8XhaoqoHjtdTSfjhs\u0022\u003E\r\n\r\n\r\n \r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.css\u0022\u003E\r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/theme/ambiance.min.css\u0022\u003E\r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022/lib/codemirror/theme/console-dark.css\u0022\u003E\r\n\u003C/head\u003E\r\n\u003Cbody\u003E\r\n \u003Cnav class=\u0022navbar navbar-inverse navbar-expand-md navbar-fixed-top\u0022\u003E\r\n \u003Cdiv class=\u0022container\u0022\u003E\r\n \u003Cdiv class=\u0022navbar-header\u0022\u003E\r\n \u003Cbutton type=\u0022button\u0022 class=\u0022navbar-toggle\u0022 data-bs-toggle=\u0022collapse\u0022 data-bs-target=\u0022#navbarCollapse\u0022 aria-controls=\u0022navbarCollapse\u0022 aria-expanded=\u0022false\u0022 aria-label=\u0022Toggle navigation\u0022\u003E\r\n \u003Cspan class=\u0022sr-only\u0022\u003EToggle navigation\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003C/button\u003E\r\n \u003Ca class=\u0022navbar-brand\u0022 href=\u0022/\u0022\u003E\u003Ci aria-hidden=\u0022true\u0022\u003E\u003C/i\u003E MeasureThat\u003Cspan style=\u0022color:#8A9099;\u0022\u003E.net\u003C/span\u003E\u003C/a\u003E\r\n \u003C/div\u003E\r\n \u003Cdiv class=\u0022navbar-collapse collapse\u0022 id=\u0022navbarCollapse\u0022\u003E\r\n \u003Cul class=\u0022nav navbar-nav\u0022\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Benchmarks/Add\u0022\u003ECreate a benchmark\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Tools\u0022\u003ETools\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Home/Discussions\u0022\u003EFeedback\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Faq\u0022\u003EFAQ\u003C/a\u003E\u003C/li\u003E\r\n \u003C/ul\u003E\r\n \r\n\r\n \u003Cul class=\u0022nav navbar-nav navbar-right\u0022\u003E\r\n \u003Cli\u003E\u003Ca href=\u0022/Account/Register\u0022\u003ERegister\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli\u003E\u003Ca href=\u0022/Account/Login\u0022\u003ELog In\u003C/a\u003E\u003C/li\u003E\r\n \u003C/ul\u003E\r\n\r\n \u003C/div\u003E\r\n \u003C/div\u003E\r\n \u003C/nav\u003E\r\n \u003Cdiv class=\u0022container body-content\u0022\u003E\r\n \r\n\r\n\r\n\u003Cdiv class=\u0022page-header\u0022 style=\u0022margin-bottom: 32px;\u0022\u003E\r\n \u003Cbr\u003E\r\n \u003Ch1 style=\u0022font-size: 24px; font-weight: 700; color: #14171c; margin: 0; letter-spacing: -0.3px;\u0022\u003ECreate a benchmark\u003C/h1\u003E\r\n\u003C/div\u003E\r\n\r\n \u003Cdiv class=\u0022alert alert-warning\u0022 role=\u0022alert\u0022 style=\u0022background: #fff8e1; border: 1px solid #f2e4a8; color: #8a6d1a; border-radius: 8px; padding: 18px 22px; margin-bottom: 24px;\u0022\u003E\r\n \u003Cb\u003EConsider signing in before you create a benchmark.\u003C/b\u003E You\u0027ll be able to edit it later.\r\n Benchmarks created by guest users \u003Cb\u003Ecan\u0027t be edited\u003C/b\u003E, only forked.\r\n \u003Cbr\u003E\u003Cbr\u003E\r\n \u003Ca class=\u0022btn btn-primary\u0022 style=\u0022background: #2FDD8F; color: #06231a; border: none; font-weight: 600; padding: 9px 16px; border-radius: 6px; font-size: 12.5px;\u0022 href=\u0022/Account/Login\u0022\u003ELog In\u003C/a\u003E\r\n \u003C/div\u003E\r\n\r\n\u003Cform action=\u0022/Benchmarks/Add\u0022 id=\u0022new-benchmark-form\u0022 method=\u0022post\u0022 novalidate=\u0022novalidate\u0022\u003E\u003Cdiv class=\u0022validation-summary-valid\u0022 data-valmsg-summary=\u0022true\u0022\u003E\u003Cul\u003E\u003Cli style=\u0022display:none\u0022\u003E\u003C/li\u003E\r\n\u003C/ul\u003E\u003C/div\u003E \u003Cinput type=\u0022hidden\u0022 id=\u0022Id\u0022 name=\u0022Id\u0022 value=\u00220\u0022\u003E\r\n \u003Cdiv class=\u0022panel-group\u0022 id=\u0022accordion\u0022 role=\u0022tablist\u0022 aria-multiselectab\u003Chtml\u003E\u003Chead\u003E\r\n \u003Cmeta charset=\u0022utf-8\u0022\u003E\r\n \u003Cmeta name=\u0022viewport\u0022 content=\u0022width=device-width, initial-scale=1.0\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002257x57\u0022 href=\u0022/apple-icon-57x57.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002260x60\u0022 href=\u0022/apple-icon-60x60.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002272x72\u0022 href=\u0022/apple-icon-72x72.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002276x76\u0022 href=\u0022/apple-icon-76x76.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022114x114\u0022 href=\u0022/apple-icon-114x114.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022120x120\u0022 href=\u0022/apple-icon-120x120.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022144x144\u0022 href=\u0022/apple-icon-144x144.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022152x152\u0022 href=\u0022/apple-icon-152x152.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022180x180\u0022 href=\u0022/apple-icon-180x180.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u0022192x192\u0022 href=\u0022/android-icon-192x192.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002232x32\u0022 href=\u0022/favicon-32x32.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002296x96\u0022 href=\u0022/favicon-96x96.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002216x16\u0022 href=\u0022/favicon-16x16.png\u0022\u003E\r\n \u003Clink rel=\u0022manifest\u0022 href=\u0022/manifest.json\u0022\u003E\r\n \u003Cmeta name=\u0022msapplication-TileColor\u0022 content=\u0022#ffffff\u0022\u003E\r\n \u003Cmeta name=\u0022msapplication-TileImage\u0022 content=\u0022/ms-icon-144x144.png\u0022\u003E\r\n \u003Cmeta name=\u0022theme-color\u0022 content=\u0022#ffffff\u0022\u003E\r\n\r\n \u003Cmeta name=\u0022Description\u0022 content=\u0022JavaScript benchmarks, JavaScript performance playground. Measure performance accross different browsers. javascript benchmarks online.\u0022\u003E\r\n \u003Cmeta name=\u0022Keywords\u0022 content=\u0022JavaScript, 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\u0022\u003E\r\n\r\n \u003Ctitle\u003ECreate a benchmark - MeasureThat.net\u003C/title\u003E\r\n \r\n\r\n \u003C!-- Google Fonts: Inter for modern typography \u002B IBM Plex Mono for console treatment --\u003E\r\n \u003Clink rel=\u0022preconnect\u0022 href=\u0022https://fonts.googleapis.com\u0022\u003E\r\n \u003Clink rel=\u0022preconnect\u0022 href=\u0022https://fonts.gstatic.com\u0022 crossorigin=\u0022\u0022\u003E\r\n \u003Clink href=\u0022https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800\u0026amp;family=IBM\u002BPlex\u002BMono:wght@400;500;600\u0026amp;display=swap\u0022 rel=\u0022stylesheet\u0022\u003E\r\n\r\n \r\n\r\n \u003Clink href=\u0022https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css\u0022 rel=\u0022stylesheet\u0022 integrity=\u0022sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8\u002BLH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB\u0022 crossorigin=\u0022anonymous\u0022\u003E\r\n \u003Clink rel=\u0022stylesheet\u0022 href=\u0022/css/site.css?v=-KiEJNJ3p_W9jzYi4tuuH0rJq9YECIxoIzrizcOuTK4\u0022\u003E\r\n \u003Clink rel=\u0022stylesheet\u0022 href=\u0022/css/aggregated-results.css?v=bbTWDsGls4RFiW1W2Cx-K00Pu-8XhaoqoHjtdTSfjhs\u0022\u003E\r\n\r\n\r\n \r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.css\u0022\u003E\r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/theme/ambiance.min.css\u0022\u003E\r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022/lib/codemirror/theme/console-dark.css\u0022\u003E\r\n\u003C/head\u003E\r\n\u003Cbody\u003E\r\n \u003Cnav class=\u0022navbar navbar-inverse navbar-expand-md navbar-fixed-top\u0022\u003E\r\n \u003Cdiv class=\u0022container\u0022\u003E\r\n \u003Cdiv class=\u0022navbar-header\u0022\u003E\r\n \u003Cbutton type=\u0022button\u0022 class=\u0022navbar-toggle\u0022 data-bs-toggle=\u0022collapse\u0022 data-bs-target=\u0022#navbarCollapse\u0022 aria-controls=\u0022navbarCollapse\u0022 aria-expanded=\u0022false\u0022 aria-label=\u0022Toggle navigation\u0022\u003E\r\n \u003Cspan class=\u0022sr-only\u0022\u003EToggle navigation\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003C/button\u003E\r\n \u003Ca class=\u0022navbar-brand\u0022 href=\u0022/\u0022\u003E\u003Ci aria-hidden=\u0022true\u0022\u003E\u003C/i\u003E MeasureThat\u003Cspan style=\u0022color:#8A9099;\u0022\u003E.net\u003C/span\u003E\u003C/a\u003E\r\n \u003C/div\u003E\r\n \u003Cdiv class=\u0022navbar-collapse collapse\u0022 id=\u0022navbarCollapse\u0022\u003E\r\n \u003Cul class=\u0022nav navbar-nav\u0022\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Benchmarks/Add\u0022\u003ECreate a benchmark\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Tools\u0022\u003ETools\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Home/Discussions\u0022\u003EFeedback\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Faq\u0022\u003EFAQ\u003C/a\u003E\u003C/li\u003E\r\n \u003C/ul\u003E\r\n \r\n\r\n \u003Cul class=\u0022nav navbar-nav navbar-right\u0022\u003E\r\n \u003Cli\u003E\u003Ca href=\u0022/Account/Register\u0022\u003ERegister\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli\u003E\u003Ca href=\u0022/Account/Login\u0022\u003ELog In\u003C/a\u003E\u003C/li\u003E\r\n \u003C/ul\u003E\r\n\r\n \u003C/div\u003E\r\n \u003C/div\u003E\r\n \u003C/nav\u003E\r\n \u003Cdiv class=\u0022container body-content\u0022\u003E\r\n \r\n\r\n\r\n\u003Cdiv class=\u0022page-header\u0022 style=\u0022margin-bottom: 32px;\u0022\u003E\r\n \u003Cbr\u003E\r\n \u003Ch1 style=\u0022font-size: 24px; font-weight: 700; color: #14171c; margin: 0; letter-spacing: -0.3px;\u0022\u003ECreate a benchmark\u003C/h1\u003E\r\n\u003C/div\u003E\r\n\r\n \u003Cdiv class=\u0022alert alert-warning\u0022 role=\u0022alert\u0022 style=\u0022background: #fff8e1; border: 1px solid #f2e4a8; color: #8a6d1a; border-radius: 8px; padding: 18px 22px; margin-bottom: 24px;\u0022\u003E\r\n \u003Cb\u003EConsider signing in before you create a benchmark.\u003C/b\u003E You\u0027ll be able to edit it later.\r\n Benchmarks created by guest users \u003Cb\u003Ecan\u0027t be edited\u003C/b\u003E, only forked.\r\n \u003Cbr\u003E\u003Cbr\u003E\r\n \u003Ca class=\u0022btn btn-primary\u0022 style=\u0022background: #2FDD8F; color: #06231a; border: none; font-weight: 600; padding: 9px 16px; border-radius: 6px; font-size: 12.5px;\u0022 href=\u0022/Account/Login\u0022\u003ELog In\u003C/a\u003E\r\n \u003C/div\u003E\r\n\r\n\u003Cform action=\u0022/Benchmarks/Add\u0022 id=\u0022new-benchmark-form\u0022 method=\u0022post\u0022 novalidate=\u0022novalidate\u0022\u003E\u003Cdiv class=\u0022validation-summary-valid\u0022 data-valmsg-summary=\u0022true\u0022\u003E\u003Cul\u003E\u003Cli style=\u0022display:none\u0022\u003E\u003C/li\u003E\r\n\u003C/ul\u003E\u003C/div\u003E \u003Cinput type=\u0022hidden\u0022 id=\u0022Id\u0022 name=\u0022Id\u0022 value=\u00220\u0022\u003E\r\n \u003Cdiv class=\u0022panel-group\u0022 id=\u0022accordion\u0022 role=\u0022tablist\u0022 aria-multiselectab\u003Chtml\u003E\u003Chead\u003E\r\n \u003Cmeta charset=\u0022utf-8\u0022\u003E\r\n \u003Cmeta name=\u0022viewport\u0022 content=\u0022width=device-width, initial-scale=1.0\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002257x57\u0022 href=\u0022/apple-icon-57x57.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002260x60\u0022 href=\u0022/apple-icon-60x60.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002272x72\u0022 href=\u0022/apple-icon-72x72.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002276x76\u0022 href=\u0022/apple-icon-76x76.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022114x114\u0022 href=\u0022/apple-icon-114x114.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022120x120\u0022 href=\u0022/apple-icon-120x120.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022144x144\u0022 href=\u0022/apple-icon-144x144.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022152x152\u0022 href=\u0022/apple-icon-152x152.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022180x180\u0022 href=\u0022/apple-icon-180x180.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u0022192x192\u0022 href=\u0022/android-icon-192x192.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002232x32\u0022 href=\u0022/favicon-32x32.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002296x96\u0022 href=\u0022/favicon-96x96.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002216x16\u0022 href=\u0022/favicon-16x16.png\u0022\u003E\r\n \u003Clink rel=\u0022manifest\u0022 href=\u0022/manifest.json\u0022\u003E\r\n \u003Cmeta name=\u0022msapplication-TileColor\u0022 content=\u0022#ffffff\u0022\u003E\r\n \u003Cmeta name=\u0022msapplication-TileImage\u0022 content=\u0022/ms-icon-144x144.png\u0022\u003E\r\n \u003Cmeta name=\u0022theme-color\u0022 content=\u0022#ffffff\u0022\u003E\r\n\r\n \u003Cmeta name=\u0022Description\u0022 content=\u0022JavaScript benchmarks, JavaScript performance playground. Measure performance accross different browsers. javascript benchmarks online.\u0022\u003E\r\n \u003Cmeta name=\u0022Keywords\u0022 content=\u0022JavaScript, 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\u0022\u003E\r\n\r\n \u003Ctitle\u003ECreate a benchmark - MeasureThat.net\u003C/title\u003E\r\n \r\n\r\n \u003C!-- Google Fonts: Inter for modern typography \u002B IBM Plex Mono for console treatment --\u003E\r\n \u003Clink rel=\u0022preconnect\u0022 href=\u0022https://fonts.googleapis.com\u0022\u003E\r\n \u003Clink rel=\u0022preconnect\u0022 href=\u0022https://fonts.gstatic.com\u0022 crossorigin=\u0022\u0022\u003E\r\n \u003Clink href=\u0022https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800\u0026amp;family=IBM\u002BPlex\u002BMono:wght@400;500;600\u0026amp;display=swap\u0022 rel=\u0022stylesheet\u0022\u003E\r\n\r\n \r\n\r\n \u003Clink href=\u0022https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css\u0022 rel=\u0022stylesheet\u0022 integrity=\u0022sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8\u002BLH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB\u0022 crossorigin=\u0022anonymous\u0022\u003E\r\n \u003Clink rel=\u0022stylesheet\u0022 href=\u0022/css/site.css?v=-KiEJNJ3p_W9jzYi4tuuH0rJq9YECIxoIzrizcOuTK4\u0022\u003E\r\n \u003Clink rel=\u0022stylesheet\u0022 href=\u0022/css/aggregated-results.css?v=bbTWDsGls4RFiW1W2Cx-K00Pu-8XhaoqoHjtdTSfjhs\u0022\u003E\r\n\r\n\r\n \r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.css\u0022\u003E\r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/theme/ambiance.min.css\u0022\u003E\r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022/lib/codemirror/theme/console-dark.css\u0022\u003E\r\n\u003C/head\u003E\r\n\u003Cbody\u003E\r\n \u003Cnav class=\u0022navbar navbar-inverse navbar-expand-md navbar-fixed-top\u0022\u003E\r\n \u003Cdiv class=\u0022container\u0022\u003E\r\n \u003Cdiv class=\u0022navbar-header\u0022\u003E\r\n \u003Cbutton type=\u0022button\u0022 class=\u0022navbar-toggle\u0022 data-bs-toggle=\u0022collapse\u0022 data-bs-target=\u0022#navbarCollapse\u0022 aria-controls=\u0022navbarCollapse\u0022 aria-expanded=\u0022false\u0022 aria-label=\u0022Toggle navigation\u0022\u003E\r\n \u003Cspan class=\u0022sr-only\u0022\u003EToggle navigation\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003C/button\u003E\r\n \u003Ca class=\u0022navbar-brand\u0022 href=\u0022/\u0022\u003E\u003Ci aria-hidden=\u0022true\u0022\u003E\u003C/i\u003E MeasureThat\u003Cspan style=\u0022color:#8A9099;\u0022\u003E.net\u003C/span\u003E\u003C/a\u003E\r\n \u003C/div\u003E\r\n \u003Cdiv class=\u0022navbar-collapse collapse\u0022 id=\u0022navbarCollapse\u0022\u003E\r\n \u003Cul class=\u0022nav navbar-nav\u0022\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Benchmarks/Add\u0022\u003ECreate a benchmark\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Tools\u0022\u003ETools\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Home/Discussions\u0022\u003EFeedback\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Faq\u0022\u003EFAQ\u003C/a\u003E\u003C/li\u003E\r\n \u003C/ul\u003E\r\n \r\n\r\n \u003Cul class=\u0022nav navbar-nav navbar-right\u0022\u003E\r\n \u003Cli\u003E\u003Ca href=\u0022/Account/Register\u0022\u003ERegister\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli\u003E\u003Ca href=\u0022/Account/Login\u0022\u003ELog In\u003C/a\u003E\u003C/li\u003E\r\n \u003C/ul\u003E\r\n\r\n \u003C/div\u003E\r\n \u003C/div\u003E\r\n \u003C/nav\u003E\r\n \u003Cdiv class=\u0022container body-content\u0022\u003E\r\n \r\n\r\n\r\n\u003Cdiv class=\u0022page-header\u0022 style=\u0022margin-bottom: 32px;\u0022\u003E\r\n \u003Cbr\u003E\r\n \u003Ch1 style=\u0022font-size: 24px; font-weight: 700; color: #14171c; margin: 0; letter-spacing: -0.3px;\u0022\u003ECreate a benchmark\u003C/h1\u003E\r\n\u003C/div\u003E\r\n\r\n \u003Cdiv class=\u0022alert alert-warning\u0022 role=\u0022alert\u0022 style=\u0022background: #fff8e1; border: 1px solid #f2e4a8; color: #8a6d1a; border-radius: 8px; padding: 18px 22px; margin-bottom: 24px;\u0022\u003E\r\n \u003Cb\u003EConsider signing in before you create a benchmark.\u003C/b\u003E You\u0027ll be able to edit it later.\r\n Benchmarks created by guest users \u003Cb\u003Ecan\u0027t be edited\u003C/b\u003E, only forked.\r\n \u003Cbr\u003E\u003Cbr\u003E\r\n \u003Ca class=\u0022btn btn-primary\u0022 style=\u0022background: #2FDD8F; color: #06231a; border: none; font-weight: 600; padding: 9px 16px; border-radius: 6px; font-size: 12.5px;\u0022 href=\u0022/Account/Login\u0022\u003ELog In\u003C/a\u003E\r\n \u003C/div\u003E\r\n\r\n\u003Cform action=\u0022/Benchmarks/Add\u0022 id=\u0022new-benchmark-form\u0022 method=\u0022post\u0022 novalidate=\u0022novalidate\u0022\u003E\u003Cdiv class=\u0022validation-summary-valid\u0022 data-valmsg-summary=\u0022true\u0022\u003E\u003Cul\u003E\u003Cli style=\u0022display:none\u0022\u003E\u003C/li\u003E\r\n\u003C/ul\u003E\u003C/div\u003E \u003Cinput type=\u0022hidden\u0022 id=\u0022Id\u0022 name=\u0022Id\u0022 value=\u00220\u0022\u003E\r\n \u003Cdiv class=\u0022panel-group\u0022 id=\u0022accordion\u0022 role=\u0022tablist\u0022 aria-multiselectab\u003Chtml\u003E\u003Chead\u003E\r\n \u003Cmeta charset=\u0022utf-8\u0022\u003E\r\n \u003Cmeta name=\u0022viewport\u0022 content=\u0022width=device-width, initial-scale=1.0\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002257x57\u0022 href=\u0022/apple-icon-57x57.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002260x60\u0022 href=\u0022/apple-icon-60x60.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002272x72\u0022 href=\u0022/apple-icon-72x72.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002276x76\u0022 href=\u0022/apple-icon-76x76.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022114x114\u0022 href=\u0022/apple-icon-114x114.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022120x120\u0022 href=\u0022/apple-icon-120x120.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022144x144\u0022 href=\u0022/apple-icon-144x144.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022152x152\u0022 href=\u0022/apple-icon-152x152.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022180x180\u0022 href=\u0022/apple-icon-180x180.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u0022192x192\u0022 href=\u0022/android-icon-192x192.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002232x32\u0022 href=\u0022/favicon-32x32.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002296x96\u0022 href=\u0022/favicon-96x96.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002216x16\u0022 href=\u0022/favicon-16x16.png\u0022\u003E\r\n \u003Clink rel=\u0022manifest\u0022 href=\u0022/manifest.json\u0022\u003E\r\n \u003Cmeta name=\u0022msapplication-TileColor\u0022 content=\u0022#ffffff\u0022\u003E\r\n \u003Cmeta name=\u0022msapplication-TileImage\u0022 content=\u0022/ms-icon-144x144.png\u0022\u003E\r\n \u003Cmeta name=\u0022theme-color\u0022 content=\u0022#ffffff\u0022\u003E\r\n\r\n \u003Cmeta name=\u0022Description\u0022 content=\u0022JavaScript benchmarks, JavaScript performance playground. Measure performance accross different browsers. javascript benchmarks online.\u0022\u003E\r\n \u003Cmeta name=\u0022Keywords\u0022 content=\u0022JavaScript, 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\u0022\u003E\r\n\r\n \u003Ctitle\u003ECreate a benchmark - MeasureThat.net\u003C/title\u003E\r\n \r\n\r\n \u003C!-- Google Fonts: Inter for modern typography \u002B IBM Plex Mono for console treatment --\u003E\r\n \u003Clink rel=\u0022preconnect\u0022 href=\u0022https://fonts.googleapis.com\u0022\u003E\r\n \u003Clink rel=\u0022preconnect\u0022 href=\u0022https://fonts.gstatic.com\u0022 crossorigin=\u0022\u0022\u003E\r\n \u003Clink href=\u0022https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800\u0026amp;family=IBM\u002BPlex\u002BMono:wght@400;500;600\u0026amp;display=swap\u0022 rel=\u0022stylesheet\u0022\u003E\r\n\r\n \r\n\r\n \u003Clink href=\u0022https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css\u0022 rel=\u0022stylesheet\u0022 integrity=\u0022sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8\u002BLH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB\u0022 crossorigin=\u0022anonymous\u0022\u003E\r\n \u003Clink rel=\u0022stylesheet\u0022 href=\u0022/css/site.css?v=-KiEJNJ3p_W9jzYi4tuuH0rJq9YECIxoIzrizcOuTK4\u0022\u003E\r\n \u003Clink rel=\u0022stylesheet\u0022 href=\u0022/css/aggregated-results.css?v=bbTWDsGls4RFiW1W2Cx-K00Pu-8XhaoqoHjtdTSfjhs\u0022\u003E\r\n\r\n\r\n \r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.css\u0022\u003E\r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/theme/ambiance.min.css\u0022\u003E\r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022/lib/codemirror/theme/console-dark.css\u0022\u003E\r\n\u003C/head\u003E\r\n\u003Cbody\u003E\r\n \u003Cnav class=\u0022navbar navbar-inverse navbar-expand-md navbar-fixed-top\u0022\u003E\r\n \u003Cdiv class=\u0022container\u0022\u003E\r\n \u003Cdiv class=\u0022navbar-header\u0022\u003E\r\n \u003Cbutton type=\u0022button\u0022 class=\u0022navbar-toggle\u0022 data-bs-toggle=\u0022collapse\u0022 data-bs-target=\u0022#navbarCollapse\u0022 aria-controls=\u0022navbarCollapse\u0022 aria-expanded=\u0022false\u0022 aria-label=\u0022Toggle navigation\u0022\u003E\r\n \u003Cspan class=\u0022sr-only\u0022\u003EToggle navigation\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003C/button\u003E\r\n \u003Ca class=\u0022navbar-brand\u0022 href=\u0022/\u0022\u003E\u003Ci aria-hidden=\u0022true\u0022\u003E\u003C/i\u003E MeasureThat\u003Cspan style=\u0022color:#8A9099;\u0022\u003E.net\u003C/span\u003E\u003C/a\u003E\r\n \u003C/div\u003E\r\n \u003Cdiv class=\u0022navbar-collapse collapse\u0022 id=\u0022navbarCollapse\u0022\u003E\r\n \u003Cul class=\u0022nav navbar-nav\u0022\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Benchmarks/Add\u0022\u003ECreate a benchmark\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Tools\u0022\u003ETools\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Home/Discussions\u0022\u003EFeedback\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Faq\u0022\u003EFAQ\u003C/a\u003E\u003C/li\u003E\r\n \u003C/ul\u003E\r\n \r\n\r\n \u003Cul class=\u0022nav navbar-nav navbar-right\u0022\u003E\r\n \u003Cli\u003E\u003Ca href=\u0022/Account/Register\u0022\u003ERegister\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli\u003E\u003Ca href=\u0022/Account/Login\u0022\u003ELog In\u003C/a\u003E\u003C/li\u003E\r\n \u003C/ul\u003E\r\n\r\n \u003C/div\u003E\r\n \u003C/div\u003E\r\n \u003C/nav\u003E\r\n \u003Cdiv class=\u0022container body-content\u0022\u003E\r\n \r\n\r\n\r\n\u003Cdiv class=\u0022page-header\u0022 style=\u0022margin-bottom: 32px;\u0022\u003E\r\n \u003Cbr\u003E\r\n \u003Ch1 style=\u0022font-size: 24px; font-weight: 700; color: #14171c; margin: 0; letter-spacing: -0.3px;\u0022\u003ECreate a benchmark\u003C/h1\u003E\r\n\u003C/div\u003E\r\n\r\n \u003Cdiv class=\u0022alert alert-warning\u0022 role=\u0022alert\u0022 style=\u0022background: #fff8e1; border: 1px solid #f2e4a8; color: #8a6d1a; border-radius: 8px; padding: 18px 22px; margin-bottom: 24px;\u0022\u003E\r\n \u003Cb\u003EConsider signing in before you create a benchmark.\u003C/b\u003E You\u0027ll be able to edit it later.\r\n Benchmarks created by guest users \u003Cb\u003Ecan\u0027t be edited\u003C/b\u003E, only forked.\r\n \u003Cbr\u003E\u003Cbr\u003E\r\n \u003Ca class=\u0022btn btn-primary\u0022 style=\u0022background: #2FDD8F; color: #06231a; border: none; font-weight: 600; padding: 9px 16px; border-radius: 6px; font-size: 12.5px;\u0022 href=\u0022/Account/Login\u0022\u003ELog In\u003C/a\u003E\r\n \u003C/div\u003E\r\n\r\n\u003Cform action=\u0022/Benchmarks/Add\u0022 id=\u0022new-benchmark-form\u0022 method=\u0022post\u0022 novalidate=\u0022novalidate\u0022\u003E\u003Cdiv class=\u0022validation-summary-valid\u0022 data-valmsg-summary=\u0022true\u0022\u003E\u003Cul\u003E\u003Cli style=\u0022display:none\u0022\u003E\u003C/li\u003E\r\n\u003C/ul\u003E\u003C/div\u003E \u003Cinput type=\u0022hidden\u0022 id=\u0022Id\u0022 name=\u0022Id\u0022 value=\u00220\u0022\u003E\r\n \u003Cdiv class=\u0022panel-group\u0022 id=\u0022accordion\u0022 role=\u0022tablist\u0022 aria-multiselectab\u003Chtml\u003E\u003Chead\u003E\r\n \u003Cmeta charset=\u0022utf-8\u0022\u003E\r\n \u003Cmeta name=\u0022viewport\u0022 content=\u0022width=device-width, initial-scale=1.0\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002257x57\u0022 href=\u0022/apple-icon-57x57.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002260x60\u0022 href=\u0022/apple-icon-60x60.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002272x72\u0022 href=\u0022/apple-icon-72x72.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002276x76\u0022 href=\u0022/apple-icon-76x76.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022114x114\u0022 href=\u0022/apple-icon-114x114.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022120x120\u0022 href=\u0022/apple-icon-120x120.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022144x144\u0022 href=\u0022/apple-icon-144x144.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022152x152\u0022 href=\u0022/apple-icon-152x152.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022180x180\u0022 href=\u0022/apple-icon-180x180.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u0022192x192\u0022 href=\u0022/android-icon-192x192.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002232x32\u0022 href=\u0022/favicon-32x32.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002296x96\u0022 href=\u0022/favicon-96x96.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002216x16\u0022 href=\u0022/favicon-16x16.png\u0022\u003E\r\n \u003Clink rel=\u0022manifest\u0022 href=\u0022/manifest.json\u0022\u003E\r\n \u003Cmeta name=\u0022msapplication-TileColor\u0022 content=\u0022#ffffff\u0022\u003E\r\n \u003Cmeta name=\u0022msapplication-TileImage\u0022 content=\u0022/ms-icon-144x144.png\u0022\u003E\r\n \u003Cmeta name=\u0022theme-color\u0022 content=\u0022#ffffff\u0022\u003E\r\n\r\n \u003Cmeta name=\u0022Description\u0022 content=\u0022JavaScript benchmarks, JavaScript performance playground. Measure performance accross different browsers. javascript benchmarks online.\u0022\u003E\r\n \u003Cmeta name=\u0022Keywords\u0022 content=\u0022JavaScript, 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\u0022\u003E\r\n\r\n \u003Ctitle\u003ECreate a benchmark - MeasureThat.net\u003C/title\u003E\r\n \r\n\r\n \u003C!-- Google Fonts: Inter for modern typography \u002B IBM Plex Mono for console treatment --\u003E\r\n \u003Clink rel=\u0022preconnect\u0022 href=\u0022https://fonts.googleapis.com\u0022\u003E\r\n \u003Clink rel=\u0022preconnect\u0022 href=\u0022https://fonts.gstatic.com\u0022 crossorigin=\u0022\u0022\u003E\r\n \u003Clink href=\u0022https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800\u0026amp;family=IBM\u002BPlex\u002BMono:wght@400;500;600\u0026amp;display=swap\u0022 rel=\u0022stylesheet\u0022\u003E\r\n\r\n \r\n\r\n \u003Clink href=\u0022https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css\u0022 rel=\u0022stylesheet\u0022 integrity=\u0022sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8\u002BLH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB\u0022 crossorigin=\u0022anonymous\u0022\u003E\r\n \u003Clink rel=\u0022stylesheet\u0022 href=\u0022/css/site.css?v=-KiEJNJ3p_W9jzYi4tuuH0rJq9YECIxoIzrizcOuTK4\u0022\u003E\r\n \u003Clink rel=\u0022stylesheet\u0022 href=\u0022/css/aggregated-results.css?v=bbTWDsGls4RFiW1W2Cx-K00Pu-8XhaoqoHjtdTSfjhs\u0022\u003E\r\n\r\n\r\n \r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.css\u0022\u003E\r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/theme/ambiance.min.css\u0022\u003E\r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022/lib/codemirror/theme/console-dark.css\u0022\u003E\r\n\u003C/head\u003E\r\n\u003Cbody\u003E\r\n \u003Cnav class=\u0022navbar navbar-inverse navbar-expand-md navbar-fixed-top\u0022\u003E\r\n \u003Cdiv class=\u0022container\u0022\u003E\r\n \u003Cdiv class=\u0022navbar-header\u0022\u003E\r\n \u003Cbutton type=\u0022button\u0022 class=\u0022navbar-toggle\u0022 data-bs-toggle=\u0022collapse\u0022 data-bs-target=\u0022#navbarCollapse\u0022 aria-controls=\u0022navbarCollapse\u0022 aria-expanded=\u0022false\u0022 aria-label=\u0022Toggle navigation\u0022\u003E\r\n \u003Cspan class=\u0022sr-only\u0022\u003EToggle navigation\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003C/button\u003E\r\n \u003Ca class=\u0022navbar-brand\u0022 href=\u0022/\u0022\u003E\u003Ci aria-hidden=\u0022true\u0022\u003E\u003C/i\u003E MeasureThat\u003Cspan style=\u0022color:#8A9099;\u0022\u003E.net\u003C/span\u003E\u003C/a\u003E\r\n \u003C/div\u003E\r\n \u003Cdiv class=\u0022navbar-collapse collapse\u0022 id=\u0022navbarCollapse\u0022\u003E\r\n \u003Cul class=\u0022nav navbar-nav\u0022\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Benchmarks/Add\u0022\u003ECreate a benchmark\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Tools\u0022\u003ETools\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Home/Discussions\u0022\u003EFeedback\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Faq\u0022\u003EFAQ\u003C/a\u003E\u003C/li\u003E\r\n \u003C/ul\u003E\r\n \r\n\r\n \u003Cul class=\u0022nav navbar-nav navbar-right\u0022\u003E\r\n \u003Cli\u003E\u003Ca href=\u0022/Account/Register\u0022\u003ERegister\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli\u003E\u003Ca href=\u0022/Account/Login\u0022\u003ELog In\u003C/a\u003E\u003C/li\u003E\r\n \u003C/ul\u003E\r\n\r\n \u003C/div\u003E\r\n \u003C/div\u003E\r\n \u003C/nav\u003E\r\n \u003Cdiv class=\u0022container body-content\u0022\u003E\r\n \r\n\r\n\r\n\u003Cdiv class=\u0022page-header\u0022 style=\u0022margin-bottom: 32px;\u0022\u003E\r\n \u003Cbr\u003E\r\n \u003Ch1 style=\u0022font-size: 24px; font-weight: 700; color: #14171c; margin: 0; letter-spacing: -0.3px;\u0022\u003ECreate a benchmark\u003C/h1\u003E\r\n\u003C/div\u003E\r\n\r\n \u003Cdiv class=\u0022alert alert-warning\u0022 role=\u0022alert\u0022 style=\u0022background: #fff8e1; border: 1px solid #f2e4a8; color: #8a6d1a; border-radius: 8px; padding: 18px 22px; margin-bottom: 24px;\u0022\u003E\r\n \u003Cb\u003EConsider signing in before you create a benchmark.\u003C/b\u003E You\u0027ll be able to edit it later.\r\n Benchmarks created by guest users \u003Cb\u003Ecan\u0027t be edited\u003C/b\u003E, only forked.\r\n \u003Cbr\u003E\u003Cbr\u003E\r\n \u003Ca class=\u0022btn btn-primary\u0022 style=\u0022background: #2FDD8F; color: #06231a; border: none; font-weight: 600; padding: 9px 16px; border-radius: 6px; font-size: 12.5px;\u0022 href=\u0022/Account/Login\u0022\u003ELog In\u003C/a\u003E\r\n \u003C/div\u003E\r\n\r\n\u003Cform action=\u0022/Benchmarks/Add\u0022 id=\u0022new-benchmark-form\u0022 method=\u0022post\u0022 novalidate=\u0022novalidate\u0022\u003E\u003Cdiv class=\u0022validation-summary-valid\u0022 data-valmsg-summary=\u0022true\u0022\u003E\u003Cul\u003E\u003Cli style=\u0022display:none\u0022\u003E\u003C/li\u003E\r\n\u003C/ul\u003E\u003C/div\u003E \u003Cinput type=\u0022hidden\u0022 id=\u0022Id\u0022 name=\u0022Id\u0022 value=\u00220\u0022\u003E\r\n \u003Cdiv class=\u0022panel-group\u0022 id=\u0022accordion\u0022 role=\u0022tablist\u0022 aria-multiselectab\u003Chtml\u003E\u003Chead\u003E\r\n \u003Cmeta charset=\u0022utf-8\u0022\u003E\r\n \u003Cmeta name=\u0022viewport\u0022 content=\u0022width=device-width, initial-scale=1.0\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002257x57\u0022 href=\u0022/apple-icon-57x57.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002260x60\u0022 href=\u0022/apple-icon-60x60.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002272x72\u0022 href=\u0022/apple-icon-72x72.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u002276x76\u0022 href=\u0022/apple-icon-76x76.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022114x114\u0022 href=\u0022/apple-icon-114x114.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022120x120\u0022 href=\u0022/apple-icon-120x120.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022144x144\u0022 href=\u0022/apple-icon-144x144.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022152x152\u0022 href=\u0022/apple-icon-152x152.png\u0022\u003E\r\n \u003Clink rel=\u0022apple-touch-icon\u0022 sizes=\u0022180x180\u0022 href=\u0022/apple-icon-180x180.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u0022192x192\u0022 href=\u0022/android-icon-192x192.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002232x32\u0022 href=\u0022/favicon-32x32.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002296x96\u0022 href=\u0022/favicon-96x96.png\u0022\u003E\r\n \u003Clink rel=\u0022icon\u0022 type=\u0022image/png\u0022 sizes=\u002216x16\u0022 href=\u0022/favicon-16x16.png\u0022\u003E\r\n \u003Clink rel=\u0022manifest\u0022 href=\u0022/manifest.json\u0022\u003E\r\n \u003Cmeta name=\u0022msapplication-TileColor\u0022 content=\u0022#ffffff\u0022\u003E\r\n \u003Cmeta name=\u0022msapplication-TileImage\u0022 content=\u0022/ms-icon-144x144.png\u0022\u003E\r\n \u003Cmeta name=\u0022theme-color\u0022 content=\u0022#ffffff\u0022\u003E\r\n\r\n \u003Cmeta name=\u0022Description\u0022 content=\u0022JavaScript benchmarks, JavaScript performance playground. Measure performance accross different browsers. javascript benchmarks online.\u0022\u003E\r\n \u003Cmeta name=\u0022Keywords\u0022 content=\u0022JavaScript, 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\u0022\u003E\r\n\r\n \u003Ctitle\u003ECreate a benchmark - MeasureThat.net\u003C/title\u003E\r\n \r\n\r\n \u003C!-- Google Fonts: Inter for modern typography \u002B IBM Plex Mono for console treatment --\u003E\r\n \u003Clink rel=\u0022preconnect\u0022 href=\u0022https://fonts.googleapis.com\u0022\u003E\r\n \u003Clink rel=\u0022preconnect\u0022 href=\u0022https://fonts.gstatic.com\u0022 crossorigin=\u0022\u0022\u003E\r\n \u003Clink href=\u0022https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800\u0026amp;family=IBM\u002BPlex\u002BMono:wght@400;500;600\u0026amp;display=swap\u0022 rel=\u0022stylesheet\u0022\u003E\r\n\r\n \r\n\r\n \u003Clink href=\u0022https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css\u0022 rel=\u0022stylesheet\u0022 integrity=\u0022sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8\u002BLH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB\u0022 crossorigin=\u0022anonymous\u0022\u003E\r\n \u003Clink rel=\u0022stylesheet\u0022 href=\u0022/css/site.css?v=-KiEJNJ3p_W9jzYi4tuuH0rJq9YECIxoIzrizcOuTK4\u0022\u003E\r\n \u003Clink rel=\u0022stylesheet\u0022 href=\u0022/css/aggregated-results.css?v=bbTWDsGls4RFiW1W2Cx-K00Pu-8XhaoqoHjtdTSfjhs\u0022\u003E\r\n\r\n\r\n \r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/codemirror.min.css\u0022\u003E\r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.16.0/theme/ambiance.min.css\u0022\u003E\r\n\u003Clink rel=\u0022stylesheet\u0022 href=\u0022/lib/codemirror/theme/console-dark.css\u0022\u003E\r\n\u003C/head\u003E\r\n\u003Cbody\u003E\r\n \u003Cnav class=\u0022navbar navbar-inverse navbar-expand-md navbar-fixed-top\u0022\u003E\r\n \u003Cdiv class=\u0022container\u0022\u003E\r\n \u003Cdiv class=\u0022navbar-header\u0022\u003E\r\n \u003Cbutton type=\u0022button\u0022 class=\u0022navbar-toggle\u0022 data-bs-toggle=\u0022collapse\u0022 data-bs-target=\u0022#navbarCollapse\u0022 aria-controls=\u0022navbarCollapse\u0022 aria-expanded=\u0022false\u0022 aria-label=\u0022Toggle navigation\u0022\u003E\r\n \u003Cspan class=\u0022sr-only\u0022\u003EToggle navigation\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003Cspan class=\u0022icon-bar\u0022\u003E\u003C/span\u003E\r\n \u003C/button\u003E\r\n \u003Ca class=\u0022navbar-brand\u0022 href=\u0022/\u0022\u003E\u003Ci aria-hidden=\u0022true\u0022\u003E\u003C/i\u003E MeasureThat\u003Cspan style=\u0022color:#8A9099;\u0022\u003E.net\u003C/span\u003E\u003C/a\u003E\r\n \u003C/div\u003E\r\n \u003Cdiv class=\u0022navbar-collapse collapse\u0022 id=\u0022navbarCollapse\u0022\u003E\r\n \u003Cul class=\u0022nav navbar-nav\u0022\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Benchmarks/Add\u0022\u003ECreate a benchmark\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Tools\u0022\u003ETools\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Home/Discussions\u0022\u003EFeedback\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli class=\u0022nav-item\u0022\u003E\u003Ca class=\u0022nav-link\u0022 href=\u0022/Faq\u0022\u003EFAQ\u003C/a\u003E\u003C/li\u003E\r\n \u003C/ul\u003E\r\n \r\n\r\n \u003Cul class=\u0022nav navbar-nav navbar-right\u0022\u003E\r\n \u003Cli\u003E\u003Ca href=\u0022/Account/Register\u0022\u003ERegister\u003C/a\u003E\u003C/li\u003E\r\n \u003Cli\u003E\u003Ca href=\u0022/Account/Login\u0022\u003ELog In\u003C/a\u003E\u003C/li\u003E\r\n \u003C/ul\u003E\r\n\r\n \u003C/div\u003E\r\n \u003C/div\u003E\r\n \u003C/nav\u003E\r\n \u003Cdiv class=\u0022container body-content\u0022\u003E\r\n \r\n\r\n\r\n\u003Cdiv class=\u0022page-header\u0022 style=\u0022margin-bottom: 32px;\u0022\u003E\r\n \u003Cbr\u003E\r\n \u003Ch1 style=\u0022font-size: 24px; font-weight: 700; color: #14171c; margin: 0; letter-spacing: -0.3px;\u0022\u003ECreate a benchmark\u003C/h1\u003E\r\n\u003C/div\u003E\r\n\r\n \u003Cdiv class=\u0022alert alert-warning\u0022 role=\u0022alert\u0022 style=\u0022background: #fff8e1; border: 1px solid #f2e4a8; color: #8a6d1a; border-radius: 8px; padding: 18px 22px; margin-bottom: 24px;\u0022\u003E\r\n \u003Cb\u003EConsider signing in before you create a benchmark.\u003C/b\u003E You\u0027ll be able to edit it later.\r\n Benchmarks created by guest users \u003Cb\u003Ecan\u0027t be edited\u003C/b\u003E, only forked.\r\n \u003Cbr\u003E\u003Cbr\u003E\r\n \u003Ca class=\u0022btn btn-primary\u0022 style=\u0022background: #2FDD8F; color: #06231a; border: none; font-weight: 600; padding: 9px 16px; border-radius: 6px; font-size: 12.5px;\u0022 href=\u0022/Account/Login\u0022\u003ELog In\u003C/a\u003E\r\n \u003C/div\u003E\r\n\r\n\u003Cform action=\u0022/Benchmarks/Add\u0022 id=\u0022new-benchmark-form\u0022 method=\u0022post\u0022 novalidate=\u0022novalidate\u0022\u003E\u003Cdiv class=\u0022validation-summary-valid\u0022 data-valmsg-summary=\u0022true\u0022\u003E\u003Cul\u003E\u003Cli style=\u0022display:none\u0022\u003E\u003C/li\u003E\r\n\u003C/ul\u003E\u003C/div\u003E \u003Cinput type=\u0022hidden\u0022 id=\u0022Id\u0022 name=\u0022Id\u0022 value=\u00220\u0022\u003E\r\n \u003Cdiv class=\u0022panel-group\u0022 id=\u0022accordion\u0022 role=\u0022tablist\u0022 aria-multiselectab\u0060;","TestCases":[{"Name":"Replace all record","Code":"escapeHtml(content);","IsDeferred":false},{"Name":"Replace all switch","Code":"escapeHtml2(content);","IsDeferred":false},{"Name":"Replace all chain","Code":"escapeHtml3(content);","IsDeferred":false},{"Name":"Replace chain","Code":"escapeHtml4(content);","IsDeferred":false},{"Name":"Replace iterative","Code":"escapeHtml5(content);","IsDeferred":false}],"UseTinyBench":false}