benchmark #
fuz_code runs one hand-written single-pass lexer per language without regular expressions, emitting a flat token event stream that renders to HTML in one forward pass. There is no grammar interpreter and no backtracking, so highlighting cost stays linear in the length of the input, including partial or malformed source.
It is optimized for runtime highlighting, including streaming use cases. Shiki targets build-time use and runs the Oniguruma regexp engine that TextMate grammars require, trading runtime speed for grammar and theme coverage. fuz_code trades that coverage for a small, fast runtime path — it also provides tools for pre-compilation, and you can bring your own lexers for languages it doesn't support.
Compared to Shiki and Prism #
The cross-implementation benchmark measures fuz_code against Prism and Shiki (both the JavaScript and
Oniguruma engines). For end-to-end stylize — lexing plus HTML generation, the realistic
runtime path — fuz_code runs roughly an order of magnitude faster than Prism and about two orders
of magnitude faster than Shiki:
| language | fuz_code vs Prism | fuz_code vs Shiki |
|---|---|---|
ts | ~18× | ~140× |
css | ~8× | ~90× |
html | ~11× | ~80× |
json | ~17× | ~95× |
svelte | ~14× | ~165× |
Representative stylize results on larger inputs from one machine; absolute
numbers vary by hardware. See the committed comparison results for the full matrix across engines and
sizes, plus tokenize-only rows that compare the raw lexers without HTML generation.
In the browser #
The in-browser benchmark measures real DOM rendering rather than pure compute. It times fuz_code's two renderers — the standard HTML path (Code) and the experimental CSS Custom Highlight API path (CodeHighlight, ranges) — across every supported language, reporting mean, median, percentiles, coefficient of variation, and throughput, with system-stability gating between samples.
Set the iteration count, warmup runs, cooldown, and content multiplier, then run it on your
own hardware. For the steadiest numbers, launch Chromium with garbage collection exposed (chromium --js-flags="--expose-gc") so the harness can settle the heap between samples.
A sample run of work time — stylize plus DOM commit — per language for each renderer. The
default Code path builds a .token_* span per token;
the experimental CodeHighlight path skips that DOM, so it commits less:
Code (html) CodeHighlight (ranges)Lower is better. The benchmark uses complex samples at the tool's default size, so this is illustrative, not representative of most inputs. The live tool also reports paint-settle time, percentiles, and throughput.
On your machine #
The command-line benchmarks run from a checkout of the repo:
npm run benchmark— the internal suite, timing every sample at normal and 100× sizes against a local baseline for regression detection.npm run benchmark:vs— the cross-implementation shootout against Prism and Shiki that produces the comparison results above.
The internal suite includes a pathological group of adversarial inputs (deeply nested
and degenerate source) that pins the lexer's worst-case behavior to linear time; the same generators
back the linearity tests. The engine keeps no resumable state, so it re-lexes the whole document
on every change rather than tokenizing incrementally — whole-document lexing is already sub-frame
at these speeds.
Why it's fast #
- No regular expressions — char-code scanning, native
indexOf, keyword maps. - One single-pass lexer per language emitting a flat
Int32Arrayevent stream, rendered to HTML in a single forward pass. - Linear-time by construction — every scan loop advances, so there is no catastrophic backtracking on adversarial input.
- No runtime dependencies — nothing heavier than the lexers ships to the browser.
The same entry points power all of it: syntax_styler_global and the SyntaxStyler class expose lex (the flat event stream) and stylize (HTML). See the usage for the API and the samples for output in every language.