Overview

Benchmarks

Benchmarks are part of Mreact's development loop. They are used to watch primitive runtime behavior, browser DOM costs, app-router throughput, client bundle size, route artifact shape, and deployment startup paths.

What we measure

Primitive DOM work - Keyed list operations, row selection, event target creation, and memory-sensitive DOM cases are separated from lower-level reactivity microbenchmarks. For cross-framework keyed DOM comparisons, the official krausest/js-framework-benchmark harness is the reference, because it maintains the peer-framework adapters and keyed validation rules.
Primitive reactivity microbenchmarks - Source writes, text bindings, computed fan-out, and computed fan-in stay in the repository as local regression signals. They are useful for Mreact runtime development, but they are not a replacement for official DOM benchmark results from the krausest harness.
Primitive framework adapters - Marko, Vue, Svelte, Angular, Qwik, React, Solid, and Mreact run local primitive cases for context. Numbers from peer-framework adapters in the local runner are indicative only; the official harness is the reference for cross-framework comparisons.
Browser runtime behavior - How the same DOM-heavy primitive cases behave in real Chromium rather than only in the server-side benchmark harness.
App router and deployment paths - How server rendering, streaming, static cache hits, middleware, route matching, cold starts, build time, and adapter targets behave under app-router workloads.
Router framework adapters - Marko Run, Nuxt, SvelteKit, Analog, Qwik City, SolidStart, TanStack Start, Next.js App Router, and Mreact app router run production router fixtures where practical.
Client bundle shape - How much JavaScript is shipped for server-only routes and interactive routes after gzip compression.
Route artifact boundaries - Whether middleware, redirects, loaders, server actions, layouts, and render modules stay separated enough to avoid unnecessary imports.
Package-level microbenchmarks - Store, virtual list, query, forms, and auth microbenchmarks catch non-router regressions even when they are not rendered as public ranking cards.

How to read results

Treat benchmark numbers as trend signals, not universal promises. Compare runs with the same Node version, adapter target, route set, and build mode before drawing conclusions.

Resumability-oriented frameworks such as Qwik and Marko are designed around delaying or avoiding client-side activation, not only around already-active update paths. Primitive DOM-update cases mostly measure already-active update paths, and the browser interaction cases use small synthetic routes, so read interaction timing together with shipped JavaScript size, startup work, and whether unused UI needs to activate at all.

For keyed table operations such as create rows, replace rows, partial update, select row, append rows, remove row, swap/reorder rows, and clear rows, the source of truth is the official krausest/js-framework-benchmark harness. The local primitive runner remains useful for quick regression checks and experiments, but it is not an authoritative cross-framework comparison.

The keyed table results include two React-compatibility Mreact fixtures. mreact-react-compat is the compiler-lowered path: the source stays React-compatible JSX, and the Mreact compiler lowers proven-safe state text, prop, and event bindings into reactive DOM operations. mreact-react-compat-vdom is the virtual-DOM compatibility path: the same app shape runs through the React-compatible runtime without those DOM-binding lowerings. Compare the two to separate compatibility runtime cost from the compiler's normal DOM-binding optimizations.

Latest results

Run 2026-08-03/001

Complete ranking cards from the latest benchmark Markdown reports. These cards mirror the ranking sections in the repository artifacts without trimming the result set.

Source: benchmarks/results/2026-08-03/001

View run on GitHub

Date: 2026-08-03
Commit: caa67bf
Node: v24.18.0
CPU: AMD EPYC 7763 64-Core Processor, 4 cores

js-framework-benchmark keyed DOM benchmarks

js-framework-benchmark.md / 13 ranking cards / View source on GitHub / Official js-framework-benchmark harness

create rows

9 entries

Interactivity

#1 solid77.9bestScript7.8Paint68.5

#2 mreact78.2+0.39%Script7.5Paint69.1

#3 marko78.5+0.77%Script7.2Paint69.7

#4 svelte80.8+3.72%Script11.2Paint68.4

#5 mreact-react-compat90.1+15.66%Script20.8Paint68.1

#6 vue90.7+16.43%Script22.1Paint67

#7 react-hooks98.6+26.57%Script24.7Paint72.4

#8 angular-cf105.7+35.69%Script20.7Paint67.5

#9 mreact-react-compat-vdom107.5+38%Script37.4Paint69.4

replace all rows

9 entries

Interactivity

#1 mreact71.9bestScript11.8Paint59.1

#2 marko80.9+12.52%Script14.7Paint64.8

#3 solid81.8+13.77%Script15.9Paint64.6

#4 svelte86.7+20.58%Script19.3Paint65.4

#5 vue97.1+35.05%Script27.4Paint67.3

#6 mreact-react-compat97.5+35.61%Script28.6Paint67.3

#7 react-hooks105.7+47.01%Script35.1Paint68

#8 mreact-react-compat-vdom110.8+54.1%Script42.9Paint65.6

#9 angular-cf118.1+64.26%Script32.1Paint69.6

partial update

9 entries

SSR

#1 vue43.5bestScript5.7Paint33.6

#2 svelte48.4+11.26%Script3.8Paint40.2

#3 angular-cf49.1+12.87%Script3.2Paint43.9

#4 mreact50.7+16.55%Script4.3Paint42

#5 marko51.5+18.39%Script3.6Paint43.4

#6 solid52+19.54%Script3.3Paint44.2

#7 mreact-react-compat52.4+20.46%Script7.3Paint40.8

#8 react-hooks58.4+34.25%Script11.7Paint42.8

#9 mreact-react-compat-vdom74.1+70.34%Script26.4Paint42.7

select row

9 entries

Interactivity

#1 mreact9.6bestScript1.1Paint7.1

#2 marko10.5+9.38%Script1.4Paint7.6

#3 vue11.1+15.63%Script2.4Paint6.8

#4 solid11.5+19.79%Script2.1Paint7.8

#5 angular-cf13.1+36.46%Script4.2Paint7.7

#6 mreact-react-compat13.5+40.63%Script3.9Paint7.6

#7 react-hooks16.2+68.75%Script6.7Paint7.5

#7 svelte16.2+68.75%Script6.8Paint7.7

#9 mreact-react-compat-vdom17.9+86.46%Script7.9Paint8.2

swap rows

9 entries

Interactivity

#1 angular-cf43.5bestScript2.4Paint39.4

#2 marko44.5+2.3%Script2.4Paint38.4

#3 mreact-react-compat53.6+23.22%Script4.3Paint45.9

#4 mreact55.6+27.82%Script2.3Paint47.6

#5 solid61.9+42.3%Script2.2Paint53.6

#6 vue62.1+42.76%Script3.3Paint53.9

#7 svelte63.6+46.21%Script4.4Paint54.5

#8 mreact-react-compat-vdom80.4+84.83%Script21.8Paint50.9

#9 react-hooks367.6+745.06%Script55.4Paint306.9

remove row

9 entries

Interactivity

#1 angular-cf32.1bestScript1.6Paint29.5

#2 svelte35.7+11.21%Script1.6Paint32.2

#3 solid37.9+18.07%Script0.9Paint35

#4 marko43.6+35.83%Script1.5Paint39.4

#5 mreact45.8+42.68%Script1.1Paint41.8

#6 react-hooks46.7+45.48%Script2.8Paint41

#7 mreact-react-compat47.5+47.98%Script1.7Paint43.2

#8 vue49.7+54.83%Script5.4Paint41.2

#9 mreact-react-compat-vdom51.6+60.75%Script6Paint42.7

create many rows

9 entries

Interactivity

#1 mreact773.1bestScript70.9Paint691.3

#2 marko778+0.63%Script77Paint691.8

#3 solid779.4+0.81%Script73.8Paint694.2

#4 svelte799.7+3.44%Script98.8Paint688.4

#5 vue900.2+16.44%Script173Paint718.2

#6 mreact-react-compat901.2+16.57%Script175.8Paint715.8

#7 angular-cf1013.9+31.15%Script211.1Paint725

#8 mreact-react-compat-vdom1033.3+33.66%Script306.7Paint713.9

#9 react-hooks1175.8+52.09%Script405.6Paint738.4

append rows to large table

9 entries

Interactivity

#1 mreact84.8bestScript8Paint74.8

#2 marko85.6+0.94%Script9.1Paint74.6

#3 solid88+3.77%Script9.5Paint76.5

#4 svelte88.5+4.36%Script11Paint75

#5 mreact-react-compat96.3+13.56%Script18.9Paint75

#6 vue97+14.39%Script18.1Paint76.7

#7 react-hooks102.8+21.23%Script23.8Paint76.8

#8 angular-cf109.3+28.89%Script17.5Paint76.1

#9 mreact-react-compat-vdom117.1+38.09%Script36.2Paint78.3

clear rows

9 entries

Interactivity

#1 marko29.6bestScript24.7Paint3

#2 mreact30.7+3.72%Script26.1Paint3.3

#3 svelte36.4+22.97%Script31.1Paint3.4

#4 solid38.6+30.41%Script34Paint3.3

#5 mreact-react-compat-vdom42.4+43.24%Script37.7Paint3

#6 mreact-react-compat43.4+46.62%Script38.3Paint3.1

#7 vue46.1+55.74%Script41.2Paint3.2

#8 react-hooks57.5+94.26%Script52.2Paint3.1

#9 angular-cf60.2+103.38%Script56.1Paint3.3

ready memory

9 entries

Memory

#1 solid1.1best

#1 marko1.1+5.22%

#1 mreact1.1+6.66%

#4 svelte1.2+11.63%

#5 mreact-react-compat-vdom1.3+25.14%

#5 vue1.3+25.98%

#7 mreact-react-compat1.4+35.81%

#8 react-hooks1.6+53.53%

#9 angular-cf2+91.35%

run memory

9 entries

Memory

#1 marko2.7best

#1 mreact2.7+0.34%

#3 solid3.1+17.39%

#4 svelte3.5+31.16%

#5 vue4.3+61.92%

#6 mreact-react-compat4.4+64.03%

#7 mreact-react-compat-vdom4.9+81.8%

#7 react-hooks4.9+83.02%

#9 angular-cf5.1+88.63%

repeated clear memory

9 entries

Memory

#1 solid1.3best

#2 mreact1.4+8.6%

#2 marko1.4+11.03%

#4 svelte1.6+25.67%

#5 vue1.7+33.69%

#6 mreact-react-compat1.8+43.71%

#7 react-hooks2.5+95.14%

#7 mreact-react-compat-vdom2.5+97.46%

#9 angular-cf2.7+116.43%

total byte weight

9 entries

SSR

#1 solid4.5best

#2 marko5+11.11%

#3 mreact9.7+115.56%

#4 svelte14.3+217.78%

#5 vue23.3+417.78%

#6 mreact-react-compat-vdom30.4+575.56%

#7 mreact-react-compat37.6+735.56%

#8 angular-cf44.5+888.89%

#9 react-hooks51.4+1042.22%

Router benchmarks

router.md / 40 ranking cards / View source on GitHub

app client bundle gzip bytes (server-only page)gzip bytes

13 entries

SizeClientProduction

Measures gzip-compressed client JavaScript shipped for a route with no user-authored interactivity.

#1 marko-run0

#1 svelte-kit0

#1 mreact-app-router0

#1 mreact-app-router+mreact react-compat0

#1 mreact-app-router+log enabled0

#6 solid-start20212

#7 qwik-city25535

#8 qwik-router-v251246

#9 tanstack-start-solid58171

#10 nuxt65534

#11 analog90673

#12 tanstack-start105041

#13 next-app-router145595

app client bundle gzip bytes (interactive page)gzip bytes

13 entries

SizeClientProduction

Compatibility alias for gzip-compressed client JavaScript fetched by the minimal button-and-state interactive route after idle settle. Same-core mreact variant noise floor: +163.7% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 marko-run1639best

#2 mreact-app-router15879+868.82%

#2 mreact-app-router+log enabled15879+868.82%

#4 solid-start19240+1073.89%

#5 svelte-kit31462+1819.59%

#6 qwik-city35071+2039.78%

#7 mreact-app-router+mreact react-compat41873+2454.79%

#8 qwik-router-v252899+3127.52%

#9 tanstack-start-solid56306+3335.39%

#10 nuxt68103+4055.16%

#11 analog90841+5442.46%

#12 tanstack-start103431+6210.62%

#13 next-app-router149265+9007.08%

app client bundle gzip bytes (interactive page, minimal opt-out)gzip bytes

13 entries

SizeClientProduction

Measures the same interactive route while opting out of optional client navigation runtime where the framework supports it. Same-core mreact variant noise floor: +377.59% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 marko-run1639best

#2 mreact-app-router6881+319.83%

#2 mreact-app-router+log enabled6881+319.83%

#4 solid-start19240+1073.89%

#5 svelte-kit31462+1819.59%

#6 mreact-app-router+mreact react-compat32863+1905.06%

#7 qwik-city35071+2039.78%

#8 qwik-router-v252899+3127.52%

#9 tanstack-start-solid56306+3335.39%

#10 nuxt68108+4055.46%

#11 analog90841+5442.46%

#12 tanstack-start103431+6210.62%

#13 next-app-router149265+9007.08%

app render 1000 nodesops/sec

13 entries

SSRServerProduction

Renders a production app route that emits 1,000 simple text spans. Same-core mreact variant noise floor: +3.68% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router+mreact react-compat507best

#2 mreact-app-router+log enabled500-1.38%

#3 mreact-app-router489-3.55%

#4 nuxt340-32.94%

#5 marko-run322-36.49%

#6 tanstack-start310-38.86%

#7 svelte-kit303-40.24%

#8 qwik-city258-49.11%

#9 solid-start234-53.85%

#10 qwik-router-v2211-58.38%

#11 tanstack-start-solid181-64.3%

#12 analog89-82.45%

#13 next-app-router64-87.38%

app streaming 1000 nodesops/sec

13 entries

SSRServerProduction

Streams a production app route with 1,000 simple text spans and validates the complete response body. Same-core mreact variant noise floor: +7.39% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router+mreact react-compat494best

#2 mreact-app-router+log enabled493-0.2%

#3 mreact-app-router460-6.88%

#4 marko-run395-20.04%

#5 nuxt379-23.28%

#6 svelte-kit338-31.58%

#7 tanstack-start323-34.62%

#8 solid-start235-52.43%

#9 tanstack-start-solid200-59.51%

#10 qwik-city197-60.12%

#11 qwik-router-v2173-64.98%

#12 analog93-81.17%

#13 next-app-router66-86.64%

app streaming first byte 1000 nodesms

12 entries

SSRServerProduction

Measures elapsed time until fetch resolves response headers for the real streaming route. Same-core mreact variant noise floor: +7.39% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router2.4226best

#2 mreact-app-router+mreact react-compat2.5365+4.7%

#3 mreact-app-router+log enabled2.6017+7.39%

#4 marko-run2.8467+17.51%

#5 solid-start3.8882+60.5%

#6 qwik-city4.0809+68.45%

#7 next-app-router4.5047+85.94%

#8 nuxt53.5502+2110.44%

#9 tanstack-start53.8579+2123.14%

#10 svelte-kit54.0764+2132.16%

#11 tanstack-start-solid55.9177+2208.17%

#12 qwik-router-v257.4623+2271.93%

app streaming first chunk 1000 nodesms

12 entries

SSRServerProduction

Measures elapsed time until the first response body chunk arrives for the real streaming route. Same-core mreact variant noise floor: +6.71% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router2.3912best

#2 mreact-app-router+mreact react-compat2.5396+6.21%

#3 mreact-app-router+log enabled2.5517+6.71%

#4 marko-run2.8437+18.92%

#5 solid-start3.8172+59.64%

#6 qwik-city3.9737+66.18%

#7 next-app-router4.9054+105.14%

#8 nuxt53.5874+2141.03%

#9 tanstack-start53.8545+2152.2%

#10 svelte-kit54.2325+2168%

#11 tanstack-start-solid55.7631+2232.01%

#12 qwik-router-v257.0337+2285.15%

app streaming full body 1000 nodesms

12 entries

SSRServerProduction

Measures elapsed time until the complete real streaming response body is consumed and validated. Same-core mreact variant noise floor: +2.33% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router52.0588best

#2 mreact-app-router+log enabled52.3823+0.62%

#3 solid-start52.9782+1.77%

#4 mreact-app-router+mreact react-compat53.2743+2.33%

#5 nuxt53.8014+3.35%

#6 tanstack-start53.9545+3.64%

#7 marko-run53.9732+3.68%

#8 svelte-kit54.6945+5.06%

#9 tanstack-start-solid55.1446+5.93%

#10 qwik-city55.8882+7.36%

#11 qwik-router-v257.5854+10.62%

#12 next-app-router62.7447+20.53%

app real streaming 1000 nodes (async 50ms)ms

12 entries

SSRServerProduction

Measures complete response latency for a route whose body waits on a 50 ms async boundary. Same-core mreact variant noise floor: +0.81% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router52.2988best

#2 mreact-app-router+log enabled52.5814+0.54%

#3 mreact-app-router+mreact react-compat52.7226+0.81%

#4 solid-start53.1336+1.6%

#5 nuxt53.7736+2.82%

#6 marko-run53.9714+3.2%

#7 tanstack-start54.0397+3.33%

#8 svelte-kit54.6169+4.43%

#9 tanstack-start-solid55.85+6.79%

#10 qwik-city55.8749+6.84%

#11 qwik-router-v257.7851+10.49%

#12 next-app-router63.103+20.66%

app parallel async boundaries 2x50msms

12 entries

SSRServerProduction

Measures complete response latency for two sibling 50 ms async boundaries; parallel renderers stay near one boundary. Same-core mreact variant noise floor: +1.44% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router+mreact react-compat52.5213best

#2 mreact-app-router52.5938+0.14%

#3 solid-start52.6142+0.18%

#4 tanstack-start52.6946+0.33%

#5 svelte-kit53.2173+1.33%

#6 mreact-app-router+log enabled53.2799+1.44%

#7 marko-run53.4874+1.84%

#8 nuxt53.7246+2.29%

#9 next-app-router54.384+3.55%

#10 qwik-city54.903+4.53%

#11 tanstack-start-solid54.9864+4.69%

#12 qwik-router-v255.9968+6.62%

app static cached route 1000 nodesops/sec

7 entries

SSRServerProduction

Renders a static-cacheable app route with 1,000 simple text spans after the production server has warmed it. Same-core mreact variant noise floor: +7.85% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router+log enabled522best

#2 mreact-app-router485-7.09%

#3 mreact-app-router+mreact react-compat484-7.28%

#4 nuxt405-22.41%

#5 svelte-kit359-31.23%

#6 next-app-router231-55.75%

#7 analog93-82.18%

app dynamic-attr grid 200 cellsops/sec

13 entries

SSRServerProduction

Renders 200 cells with many dynamic escaped attributes, inline style values, and text content. Same-core mreact variant noise floor: +3.46% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router419best

#2 mreact-app-router+log enabled418-0.24%

#3 mreact-app-router+mreact react-compat405-3.34%

#4 nuxt343-18.14%

#5 marko-run314-25.06%

#5 svelte-kit314-25.06%

#7 tanstack-start312-25.54%

#8 solid-start284-32.22%

#9 tanstack-start-solid249-40.57%

#10 qwik-city188-55.13%

#11 qwik-router-v2143-65.87%

#12 analog113-73.03%

#13 next-app-router88-79%

app dynamic route params dataops/sec

13 entries

RoutingServerProduction

Renders a dynamic route that combines route parameters with server data before producing HTML. Same-core mreact variant noise floor: +1.7% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router418best

#2 mreact-app-router+mreact react-compat415-0.72%

#3 mreact-app-router+log enabled411-1.67%

#4 nuxt328-21.53%

#5 marko-run303-27.51%

#6 svelte-kit286-31.58%

#7 tanstack-start261-37.56%

#8 solid-start245-41.39%

#9 tanstack-start-solid206-50.72%

#10 qwik-city164-60.77%

#11 qwik-router-v2128-69.38%

#12 analog99-76.32%

#13 next-app-router83-80.14%

app concurrent throughput 100 connectionsops/sec

13 entries

ConcurrencyServerProduction

Runs a fixed burst against the production fixture with up to 100 concurrent requests and reports sustained request throughput. Same-core mreact variant noise floor: +4.95% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 marko-run1222.7025best

#2 mreact-app-router+log enabled1024.4902-16.21%

#3 mreact-app-router1005.0881-17.8%

#4 mreact-app-router+mreact react-compat976.1397-20.17%

#5 svelte-kit840.9504-31.22%

#6 tanstack-start807.6029-33.95%

#7 nuxt791.2692-35.29%

#8 solid-start665.9995-45.53%

#9 qwik-city547.2423-55.24%

#10 tanstack-start-solid449.0561-63.27%

#11 qwik-router-v2317.0338-74.07%

#12 analog116.0326-90.51%

#13 next-app-router74.5567-93.9%

app concurrent p99 latency 100 connectionsms

13 entries

ConcurrencyServerProduction

Runs the same concurrent request burst and reports per-request p99 latency, exposing event-loop stalls hidden by sequential tinybench runs. Same-core mreact variant noise floor: +2.12% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 marko-run91.2903best

#2 svelte-kit141.5014+55%

#3 nuxt150.3237+64.67%

#4 mreact-app-router+log enabled168.2078+84.26%

#5 mreact-app-router+mreact react-compat171.2907+87.63%

#6 mreact-app-router171.7668+88.15%

#7 tanstack-start207.8757+127.71%

#8 solid-start241.2925+164.31%

#9 qwik-city250.549+174.45%

#10 qwik-router-v2343.4959+276.27%

#11 tanstack-start-solid345.7407+278.73%

#12 analog852.3976+833.72%

#13 next-app-router2560.3382+2704.61%

app concurrent RSS delta 100 connectionsbytes

5 entries

ConcurrencyServerProduction

Reports RSS growth across the concurrent request burst so sustained-load memory trends are visible in router benchmark output. RSS delta rows only rank adapters that expose server child process RSS; adapters without measurable server child RSS are reported as unsupported, and rows with negative RSS samples are treated as contaminated and excluded from this ranking. Same-core mreact variant noise floor: +0.21% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 tanstack-start-solid16384best

#2 qwik-city45056+175%

#3 mreact-app-router27795456+169550%

#4 mreact-app-router+mreact react-compat27811840+169650%

#5 mreact-app-router+log enabled27852800+169900%

8 entries

ClientProduction

Measures browser client navigation to a route with loader data, covering data-bearing SPA transitions. Same-core mreact variant noise floor: +4.59% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router+mreact react-compat28.3best

#2 mreact-app-router+log enabled28.6+1.06%

#3 mreact-app-router29.6+4.59%

#4 solid-start45.6+61.13%

#5 next-app-router52.2+84.45%

#6 tanstack-start59.3+109.54%

#7 qwik-router-v298.6+248.41%

#8 qwik-city102.3+261.48%

11 entries

ClientProduction

Measures browser back-forward restoration after SPA navigation so history snapshot regressions are visible. Same-core mreact variant noise floor: +1.16% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router8.6best

#1 mreact-app-router+log enabled8.60%

#3 mreact-app-router+mreact react-compat8.7+1.16%

#4 solid-start8.8+2.33%

#5 svelte-kit9.4+9.3%

#6 next-app-router11.8+37.21%

#7 tanstack-start12.2+41.86%

#8 analog14.2+65.12%

#9 nuxt52.5+510.47%

#10 qwik-router-v259.1+587.21%

#11 qwik-city107.1+1145.35%

11 entries

ClientProduction

Measures route-to-route client navigation latency in a real browser when the adapter provides a browser probe. Same-core mreact variant noise floor: +3.52% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router+mreact react-compat34.1best

#2 mreact-app-router35.1+2.93%

#3 mreact-app-router+log enabled35.3+3.52%

#4 svelte-kit52+52.49%

#5 solid-start55.2+61.88%

#6 analog56.2+64.81%

#7 tanstack-start57.4+68.33%

#8 next-app-router58.3+70.97%

#9 nuxt105.8+210.26%

#10 qwik-city115.5+238.71%

#11 qwik-router-v2116.7+242.23%

app initial page load JS before interactionms

12 entries

InteractivityClientBrowserProduction

Measures page load time until the interactive route is visible and idle before any user interaction. Same-core mreact variant noise floor: +0.89% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 marko-run541.9924best

#2 solid-start552.1109+1.87%

#3 tanstack-start555.9414+2.57%

#4 mreact-app-router+log enabled570.0209+5.17%

#5 svelte-kit571.8+5.5%

#6 mreact-app-router572.0703+5.55%

#7 mreact-app-router+mreact react-compat575.0915+6.11%

#8 qwik-city577.7432+6.6%

#9 qwik-router-v2584.0728+7.76%

#10 nuxt592.3901+9.3%

#11 analog624.8801+15.29%

#12 next-app-router646.997+19.37%

app first interaction from DOMContentLoadedms

12 entries

InteractivityClientBrowserProduction

Measures the first click-to-visible-update latency immediately after DOMContentLoaded without waiting for network idle. Same-core mreact variant noise floor: +16.52% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 solid-start26.3best

#2 analog26.9+2.28%

#3 marko-run32.7+24.33%

#4 mreact-app-router33.9+28.9%

#5 nuxt34.4+30.8%

#6 mreact-app-router+mreact react-compat38.3+45.63%

#7 mreact-app-router+log enabled39.5+50.19%

#8 tanstack-start41.9+59.32%

#9 svelte-kit42.4+61.22%

#10 next-app-router45.9+74.52%

#11 qwik-router-v264.7+146.01%

#12 qwik-city65.5+149.05%

app first interaction after networkidlems

12 entries

InteractivityClientBrowserProduction

Measures the first click-to-visible-update latency after the interactive route has reached network idle. Same-core mreact variant noise floor: +11.74% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 marko-run20.6best

#2 svelte-kit21.9+6.31%

#3 analog22.2+7.77%

#4 tanstack-start25.2+22.33%

#5 mreact-app-router+log enabled28.1+36.41%

#6 solid-start28.7+39.32%

#7 mreact-app-router28.8+39.81%

#8 nuxt28.9+40.29%

#9 next-app-router29.9+45.15%

#10 mreact-app-router+mreact react-compat31.4+52.43%

#11 qwik-city51.1+148.06%

#12 qwik-router-v254.5+164.56%

app second interaction latencyms

12 entries

InteractivityClientBrowserProduction

Measures the second click-to-visible-update latency after the route has already handled one client interaction. Same-core mreact variant noise floor: +4.78% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 tanstack-start29.3best

#1 mreact-app-router+mreact react-compat29.30%

#3 next-app-router29.5+0.68%

#4 mreact-app-router30.5+4.1%

#5 svelte-kit30.7+4.78%

#5 solid-start30.7+4.78%

#5 mreact-app-router+log enabled30.7+4.78%

#8 marko-run30.8+5.12%

#9 nuxt30.9+5.46%

#10 analog31.1+6.14%

#11 qwik-router-v240.9+39.59%

#12 qwik-city64.2+119.11%

app SSR HTML gzip bytes 1000 nodesgzip bytes

13 entries

SizeServerProduction

Measures gzip-compressed HTML payload bytes for the 1,000-node SSR route, complementing client bundle size cases. Same-core mreact variant noise floor: 0% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 marko-run2184best

#2 mreact-app-router2301+5.36%

#2 mreact-app-router+mreact react-compat2301+5.36%

#2 mreact-app-router+log enabled2301+5.36%

#5 analog2664+21.98%

#6 svelte-kit2749+25.87%

#7 nuxt2887+32.19%

#8 tanstack-start3515+60.94%

#9 qwik-city6097+179.17%

#10 qwik-router-v26927+217.17%

#11 solid-start9417+331.18%

#12 tanstack-start-solid9785+348.03%

#13 next-app-router14925+583.38%

app client bundle gzip bytes before interaction (interactive page)gzip bytes

13 entries

SizeClientBrowserProduction

Measures gzip-compressed client JavaScript completed before the minimal interactive route responds to its first click. Same-core mreact variant noise floor: +163.7% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 marko-run1639best

#2 mreact-app-router15879+868.82%

#2 mreact-app-router+log enabled15879+868.82%

#4 solid-start19240+1073.89%

#5 qwik-city24433+1390.73%

#6 svelte-kit31110+1798.11%

#7 mreact-app-router+mreact react-compat41873+2454.79%

#8 qwik-router-v246362+2728.68%

#9 tanstack-start-solid56306+3335.39%

#10 nuxt67913+4043.56%

#11 analog90841+5442.46%

#12 tanstack-start103431+6210.62%

#13 next-app-router149265+9007.08%

app client bundle gzip bytes after idle settle (interactive page)gzip bytes

13 entries

SizeClientProduction

Measures gzip-compressed client JavaScript fetched by the minimal interactive route after the browser reaches networkidle. Same-core mreact variant noise floor: +163.7% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 marko-run1639best

#2 mreact-app-router15879+868.82%

#2 mreact-app-router+log enabled15879+868.82%

#4 solid-start19240+1073.89%

#5 svelte-kit31462+1819.59%

#6 qwik-city35071+2039.78%

#7 mreact-app-router+mreact react-compat41873+2454.79%

#8 qwik-router-v252899+3127.52%

#9 tanstack-start-solid56306+3335.39%

#10 nuxt68103+4055.16%

#11 analog90841+5442.46%

#12 tanstack-start103431+6210.62%

#13 next-app-router149265+9007.08%

app client bundle gzip bytes (interactive page, 3 shared routes)gzip bytes

3 entries

SizeClientProduction

Measures a three-route interactive app that shares client route runtime chunks, making per-route glue dedup visible. Same-core mreact variant noise floor: +172.89% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router13300best

#1 mreact-app-router+log enabled133000%

#3 mreact-app-router+mreact react-compat36295+172.89%

app build output gzip bytesgzip bytes

13 entries

SizeServerProduction

Measures gzip-compressed production build output size when the adapter exposes build artifacts. Same-core mreact variant noise floor: +0.03% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router74182best

#2 mreact-app-router+log enabled74189+0.01%

#3 mreact-app-router+mreact react-compat74201+0.03%

#4 marko-run77246+4.13%

#5 tanstack-start-solid157794+112.71%

#6 tanstack-start165697+123.37%

#7 svelte-kit176769+138.29%

#8 solid-start177058+138.68%

#9 qwik-router-v2181233+144.31%

#10 qwik-city282288+280.53%

#11 next-app-router419535+465.55%

#12 analog530194+614.72%

#13 nuxt550414+641.98%

app hydration 100 islandsms

3 entries

InteractivityClientBrowserProduction

Loads an app route with 100 independently interactive islands and reports time until all islands can update in real Chromium. This section currently compares mreact app-router variants only; it is not a cross-framework ranking. Same-core mreact variant noise floor: +2.77% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router868.2179best

#2 mreact-app-router+log enabled870.3161+0.24%

#3 mreact-app-router+mreact react-compat892.2859+2.77%

app dev cold startms

3 entries

DevServerDevelopment

Starts the framework dev server for a minimal app and reports server readiness latency. This section currently compares mreact app-router variants only; it is not a cross-framework ranking. Same-core mreact variant noise floor: +3.59% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router+mreact react-compat4.7173best

#2 mreact-app-router4.8045+1.85%

#3 mreact-app-router+log enabled4.8868+3.59%

app dev first request latencyms

3 entries

DevServerDevelopment

Requests a minimal app route from a warm dev server and reports first request latency. This section currently compares mreact app-router variants only; it is not a cross-framework ranking. Same-core mreact variant noise floor: +223.35% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router+log enabled32.1224best

#2 mreact-app-router33.2408+3.48%

#3 mreact-app-router+mreact react-compat103.8682+223.35%

app dev HMR update latencyms

3 entries

DevServerDevelopment

Edits a route module while the dev server is running and reports time until the changed response is observable. This section currently compares mreact app-router variants only; it is not a cross-framework ranking. Same-core mreact variant noise floor: +268.83% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router+log enabled30.2395best

#2 mreact-app-router30.7997+1.85%

#3 mreact-app-router+mreact react-compat111.533+268.83%

app 1000 route match latencyms

3 entries

RoutingServerProduction

Builds a 1,000-route app and reports request latency for a route near the end of the route table. This section currently compares mreact app-router variants only; it is not a cross-framework ranking. Same-core mreact variant noise floor: +26.6% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router9.3032best

#2 mreact-app-router+mreact react-compat9.9722+7.19%

#3 mreact-app-router+log enabled11.7778+26.6%

app 1000 route cold startms

3 entries

StartupServerProduction

Builds a 1,000-route app and reports production server cold-start latency for that route scale. This section currently compares mreact app-router variants only; it is not a cross-framework ranking. Same-core mreact variant noise floor: +27.33% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router+log enabled472.887best

#2 mreact-app-router545.3664+15.33%

#3 mreact-app-router+mreact react-compat602.1284+27.33%

app 1000 route build timems

3 entries

BuildServerProduction

Reports production build time for a 1,000-route app to catch route-count scaling regressions. This section currently compares mreact app-router variants only; it is not a cross-framework ranking. Same-core mreact variant noise floor: +16.01% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router14143.3436best

#2 mreact-app-router+mreact react-compat14584.171+3.12%

#3 mreact-app-router+log enabled16408.0856+16.01%

app 1000 route RSS deltabytes

3 entries

MemoryServerProduction

Reports process RSS growth while building and serving a 1,000-route app. This section currently compares mreact app-router variants only; it is not a cross-framework ranking. Same-core mreact variant noise floor: +6.06% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router646918144best

#2 mreact-app-router+log enabled655163392+1.27%

#3 mreact-app-router+mreact react-compat686092288+6.06%

app server action form POST roundtripms

3 entries

SSRServerProduction

Renders a form with an inferred server action, submits the encoded form POST, and reports action roundtrip latency. This section currently compares mreact app-router variants only; it is not a cross-framework ranking. Same-core mreact variant noise floor: +2.39% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router+mreact react-compat36.3375best

#2 mreact-app-router+log enabled37.0618+1.99%

#3 mreact-app-router37.2057+2.39%

app nested layouts depth 5ms

3 entries

RoutingServerProduction

Renders a route under five nested layouts, guarding against sequential layout shell regressions. This section currently compares mreact app-router variants only; it is not a cross-framework ranking. Same-core mreact variant noise floor: +46.21% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router+log enabled28.241best

#2 mreact-app-router28.703+1.64%

#3 mreact-app-router+mreact react-compat41.2925+46.21%

app Cloudflare Worker request latencyms

3 entries

SSRServerProduction

Builds the Cloudflare Pages worker bundle and reports request latency through its exported fetch handler. A workerd/Miniflare harness should replace this fallback once the local workerd path-resolution failure is fixed. This section currently compares mreact app-router variants only; it is not a cross-framework ranking. Same-core mreact variant noise floor: +34.99% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router2.6752best

#2 mreact-app-router+log enabled2.778+3.84%

#3 mreact-app-router+mreact react-compat3.6113+34.99%

app server cold startms

3 entries

StartupServerProduction

Measures production server cold-start latency when the adapter can isolate startup from build work. This section currently compares mreact app-router variants only; it is not a cross-framework ranking. Same-core mreact variant noise floor: +3.1% spread. Treat smaller cross-framework gaps in this case as inconclusive.

#1 mreact-app-router+log enabled318.2949best

#2 mreact-app-router+mreact react-compat325.3013+2.2%

#3 mreact-app-router328.1761+3.1%

Primitive DOM benchmarks

primitive.md / 3 ranking cards / View source on GitHub

keyed reverse 1k rowsms

10 entries

Interactivity

Reverses 1,000 keyed rows and verifies that DOM node identity is preserved.

#1 mreact3.972best

#2 solid4.0015+0.74%

#3 solid-v24.1084+3.43%

#4 vue4.9923+25.69%

#5 mreact react-compat5.5872+40.66%

#6 react5.6367+41.91%

#7 marko7.5558+90.23%

#8 angular9.236+132.53%

#9 qwik9.7886+146.44%

#10 svelte38.5785+871.26%

create 1k event targetsms

10 entries

Interactivity

Creates 1,000 button event targets and measures initial interactive wiring cost without dispatching events.

#1 mreact10.2152best

#2 solid11.0528+8.2%

#3 solid-v211.2313+9.95%

#4 vue11.2377+10.01%

#5 react11.6801+14.34%

#6 mreact react-compat11.7468+14.99%

#7 angular13.9586+36.65%

#8 qwik14.1897+38.91%

#9 svelte15.4322+51.07%

#10 marko18.8278+84.31%

repeated create update clear memorybytes

10 entries

Memory

Reports heap growth after repeatedly creating, updating, and clearing 1,000-row lists.

#1 svelte33872best

#2 mreact46000+35.81%

#3 qwik74936+121.23%

#4 marko78632+132.14%

#5 solid-v290320+166.65%

#6 solid110264+225.53%

#7 mreact react-compat272304+703.92%

#8 vue326952+865.26%

#9 react360016+962.87%

#10 angular380096+1022.15%

Primitive reactivity microbenchmarks

primitive.md / 4 ranking cards / View source on GitHub

source write with subscriber 1kms

3 entries

Interactivity

Updates 1,000 fine-grained source values when each source has one live non-DOM subscriber, separating direct source write overhead from aggregate computed fan-in and framework-level array update work.

#1 mreact0.0676best

#2 solid-v20.1781+163.46%

#3 solid0.192+184.02%

text binding update 1kms

10 entries

Interactivity

Updates one reactive text value that is bound to 1,000 text nodes.

#1 solid0.2819best

#2 solid-v20.2909+3.19%

#3 mreact0.3086+9.47%

#4 angular0.6941+146.22%

#5 svelte0.7411+162.89%

#6 react0.8032+184.92%

#7 mreact react-compat1.0131+259.38%

#8 marko1.8127+543.03%

#9 qwik2.3598+737.11%

#10 vue3.418+1112.49%

computed fan-out 1kms

10 entries

Interactivity

Updates one source value that fans out through a derived value into 1,000 displayed text nodes.

#1 solid0.2715best

#2 solid-v20.2897+6.7%

#3 mreact0.3005+10.68%

#4 angular0.713+162.62%

#5 svelte0.7695+183.43%

#6 react0.8447+211.12%

#7 mreact react-compat1.0564+289.1%

#8 marko1.7064+528.51%

#9 qwik2.3431+763.02%

#10 vue3.3524+1134.77%

source write 1kms

3 entries

Interactivity

Updates 1,000 fine-grained source values without subscribers, derived values, DOM writes, or framework-level re-render work, then validates the final source values. Frameworks without an equivalent source primitive report this case as unsupported.

#1 mreact0.0065best

#2 solid0.0138+112.31%

#3 solid-v20.0368+466.15%

Primitive browser benchmarks

primitive-browser.md / 4 ranking cards / View source on GitHub

browser create 1k rowsms

8 entries

InteractivityBrowser

Creates 1,000 keyed DOM rows in real Chromium, mirroring the primitive create case without happy-dom.

#1 solid1.905best

#2 mreact2.915+53.02%

#3 mreact react-compat4.56+139.37%

#4 qwik4.975+161.15%

#5 vue4.98+161.42%

#6 svelte5.345+180.58%

#7 react7.54+295.8%

#8 angular9.845+416.8%

browser update every 10th in 10k rowsms

8 entries

InteractivityBrowser

Updates every tenth row in a 10,000-row keyed DOM in real Chromium, exposing real DOM update costs hidden by happy-dom.

#1 mreact2.385best

#2 svelte6.295+163.94%

#3 angular7.435+211.74%

#4 solid8.88+272.33%

#5 mreact react-compat9.695+306.5%

#6 react14.36+502.1%

#7 vue18.865+690.99%

#8 qwik22.585+846.96%

browser select row in 10k rowsms

8 entries

InteractivityBrowser

Toggles selection attributes for one row in a 10,000-row keyed DOM in real Chromium.

#1 solid1.525best

#2 mreact1.615+5.9%

#3 mreact react-compat4.505+195.41%

#4 svelte5.405+254.43%

#5 angular6.8+345.9%

#6 react12.535+721.97%

#7 vue16.08+954.43%

#8 qwik22.69+1387.87%

browser clear 10k rowsms

8 entries

InteractivityBrowser

Clears a 10,000-row keyed DOM in real Chromium to validate happy-dom clear rankings against browser behavior.

#1 mreact2.59best

#2 solid3.13+20.85%

#3 mreact react-compat4.81+85.71%

#4 svelte9.245+256.95%

#5 qwik9.835+279.73%

#6 vue10.145+291.7%

#7 react12.61+386.87%

#8 angular14.005+440.73%

Benchmarks

What we measure

How to read results

Latest results

Run 2026-08-03/001

js-framework-benchmark keyed DOM benchmarks

create rows

replace all rows

partial update

select row

swap rows

remove row

create many rows

append rows to large table

clear rows

ready memory

run memory

repeated clear memory

total byte weight

Router benchmarks

app client bundle gzip bytes (server-only page)gzip bytes

app client bundle gzip bytes (interactive page)gzip bytes

app client bundle gzip bytes (interactive page, minimal opt-out)gzip bytes

app render 1000 nodesops/sec

app streaming 1000 nodesops/sec

app streaming first byte 1000 nodesms

app streaming first chunk 1000 nodesms

app streaming full body 1000 nodesms

app real streaming 1000 nodes (async 50ms)ms

app parallel async boundaries 2x50msms

app static cached route 1000 nodesops/sec

app dynamic-attr grid 200 cellsops/sec

app dynamic route params dataops/sec

app concurrent throughput 100 connectionsops/sec

app concurrent p99 latency 100 connectionsms

app concurrent RSS delta 100 connectionsbytes

app loader client navigation route-to-routems

app client navigation back-forward restorems

app client navigation route-to-routems

app initial page load JS before interactionms

app first interaction from DOMContentLoadedms

app first interaction after networkidlems

app second interaction latencyms

app SSR HTML gzip bytes 1000 nodesgzip bytes

app client bundle gzip bytes before interaction (interactive page)gzip bytes

app client bundle gzip bytes after idle settle (interactive page)gzip bytes

app client bundle gzip bytes (interactive page, 3 shared routes)gzip bytes

app build output gzip bytesgzip bytes

app hydration 100 islandsms

app dev cold startms

app dev first request latencyms

app dev HMR update latencyms

app 1000 route match latencyms

app 1000 route cold startms

app 1000 route build timems

app 1000 route RSS deltabytes

app server action form POST roundtripms

app nested layouts depth 5ms

app Cloudflare Worker request latencyms

app server cold startms

Primitive DOM benchmarks

keyed reverse 1k rowsms

create 1k event targetsms

repeated create update clear memorybytes

Primitive reactivity microbenchmarks

source write with subscriber 1kms

text binding update 1kms

computed fan-out 1kms

source write 1kms

Primitive browser benchmarks

browser create 1k rowsms

browser update every 10th in 10k rowsms

browser select row in 10k rowsms

browser clear 10k rowsms