Run results for: Highlightjs vs prettier

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:138.0) Gecko/20100101 Firefox/138.0

Browser: Firefox 138

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

Prettier

1.7M/s

Highlightjs

34/s

View exact numbers

Test name	Executions per second
✓ Prettier	1,653,770 Ops/sec
Highlightjs	34 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();