Run results for: Highlightjs vs prettier

Run details:

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

Browser: Chrome 103

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Highlightjs	8.5 Ops/sec
Prettier	266153.2 Ops/sec

HTML Preparation code:

<div id="log"></div>

<textarea id="content"><!doctype html>
<html>
<head>
    <title>HTML Test</title>

    <style type="text/css">
        h1 {
            font-size: 1em;
        }
        p { color: pink }
        b { color: blue }
        u { color: "umber" }
    </style>
</head>

<body>
    <h1>Hello world!</h1>
</body>

<script type="text/javascript">
    // Say hello world until the user starts questioning
    // the meaningfulness of their existence.
    function helloWorld(world) {
        for (var i = 42; --i >= 0;) {
            alert('Hello ' + String(world));
        }
    }
</script>

</html></textarea>

<pre><code id="code-block" class="html prettyprint language-html"></code></pre>

<!-- include highlight.js along with its default languages -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js"></script>

<!-- include prettify with a single language -->
<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/prettify.js"></script>

Script Preparation code:

document.querySelector("#code-block").innerText = document.querySelector("#content").value;

Tests:

Highlightjs
hljs.highlightBlock(document.querySelector("#code-block"));
Prettier
PR.prettyPrint();

Run results for: Highlightjs vs prettier

Highlightjs

Prettier