benchmark: client scenarios

[Sheraff]

No description provided.

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 8a9b3ade-b327-42f2-a31a-496fa5244ac5

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch benchmark-client-nav-scenarios

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[nx-cloud]

View your CI Pipeline Execution ↗ for commit bd2f943

Command	Status	Duration	Result
nx affected --targets=test:eslint,test:unit,tes...	✅ Succeeded	5m 1s	View ↗
nx run-many --target=build --exclude=examples/*...	✅ Succeeded	1m 58s	View ↗

---

☁️ Nx Cloud last updated this comment at 2026-06-14 19:03:36 UTC

[github-actions]

🚀 Changeset Version Preview

3 package(s) bumped directly, 10 bumped as dependents.

🟩 Patch bumps

Package	Version	Reason
@tanstack/react-router	1.170.15 → 1.170.16	Changeset
@tanstack/solid-router	1.170.15 → 1.170.16	Changeset
@tanstack/start-server-core	1.169.14 → 1.169.15	Changeset
@tanstack/react-start	1.168.25 → 1.168.26	Dependent
@tanstack/react-start-client	1.168.13 → 1.168.14	Dependent
@tanstack/react-start-rsc	0.1.24 → 0.1.25	Dependent
@tanstack/react-start-server	1.167.19 → 1.167.20	Dependent
@tanstack/solid-start	1.168.25 → 1.168.26	Dependent
@tanstack/solid-start-client	1.168.13 → 1.168.14	Dependent
@tanstack/solid-start-server	1.167.19 → 1.167.20	Dependent
@tanstack/start-plugin-core	1.171.17 → 1.171.18	Dependent
@tanstack/vue-start	1.168.24 → 1.168.25	Dependent
@tanstack/vue-start-server	1.167.19 → 1.167.20	Dependent

[github-actions]

Bundle Size Benchmarks

• Commit: d0dbb42c8b98
• Measured at: 2026-06-14T19:00:18.518Z
• Baseline source: history:a41547143795
• Dashboard: bundle-size history

Scenario	Current (gzip)	Delta vs baseline	Initial gzip	Raw	Brotli	Trend
react-router.minimal	87.33 KiB	0 B (0.00%)	87.19 KiB	273.80 KiB	76.00 KiB	▁▁▂▅▅▅▅▅▅▅█
react-router.full	91.06 KiB	0 B (0.00%)	90.92 KiB	285.70 KiB	79.10 KiB	▁▁▁▄▄▄▄▄▄▄█
solid-router.minimal	35.53 KiB	0 B (0.00%)	35.40 KiB	106.00 KiB	31.98 KiB	▃▁▁▁▁▁▁▁▁▁█
solid-router.full	40.58 KiB	0 B (0.00%)	40.46 KiB	121.22 KiB	36.50 KiB	▂▁▁▁▁▁▁▁▁▁█
vue-router.minimal	53.01 KiB	0 B (0.00%)	52.88 KiB	150.04 KiB	47.68 KiB	▁▁▁▁▁▁▁▁▁▁█
vue-router.full	58.99 KiB	0 B (0.00%)	58.86 KiB	168.80 KiB	52.88 KiB	▁▁▁▁▁▁▁▁▁▁█
react-start.minimal	101.95 KiB	0 B (0.00%)	101.82 KiB	322.12 KiB	88.14 KiB	▁▁▁▄▄▄▄▄▄▄█
react-start.deferred-hydration	102.69 KiB	0 B (0.00%)	101.84 KiB	323.50 KiB	88.98 KiB	▁▁▁▄▄▄▄▄▄▄█
react-start.full	105.36 KiB	0 B (0.00%)	105.22 KiB	332.05 KiB	91.25 KiB	▁▁▁▄▄▄▄▄▄▄█
react-start.rsbuild.minimal	99.67 KiB	0 B (0.00%)	99.50 KiB	316.56 KiB	85.76 KiB	▁▁▁▅▅▅▅▅▅▅█
react-start.rsbuild.minimal-iife	100.07 KiB	0 B (0.00%)	99.90 KiB	317.50 KiB	86.17 KiB	▁▁▁▅▅▅▅▅▅▅█
react-start.rsbuild.full	102.89 KiB	0 B (0.00%)	102.72 KiB	326.62 KiB	88.50 KiB	▁▁▁▅▅▅▅▅▅▅█
solid-start.minimal	49.64 KiB	0 B (0.00%)	49.51 KiB	152.07 KiB	43.77 KiB	▂▁▁▁▁▁▁▁▁▁█
solid-start.deferred-hydration	52.90 KiB	0 B (0.00%)	49.57 KiB	160.11 KiB	46.81 KiB	▂▁▁▁▁▁▁▁▁▁█
solid-start.full	55.45 KiB	0 B (0.00%)	55.31 KiB	169.11 KiB	48.92 KiB	▃▁▁▁▁▁▁▁▁▁█
vue-start.minimal	71.07 KiB	0 B (0.00%)	70.94 KiB	207.19 KiB	62.89 KiB	▁▁▁▁▁▁▁▁▁▁█
vue-start.full	75.06 KiB	0 B (0.00%)	74.93 KiB	219.82 KiB	66.35 KiB	▁▁▁▁▁▁▁▁▁▁█

Current gzip tracks all emitted client JS chunks. Initial gzip tracks only the entry/import graph. Trend sparkline is historical current gzip ending with this PR measurement; lower is better.

[pkg-pr-new]

More templates

• tanstack-router-react-example-authenticated-routes
• tanstack-router-react-example-authenticated-routes-firebase
• tanstack-router-react-example-basic
• tanstack-router-react-example-basic-default-search-params
• tanstack-router-react-example-basic-devtools-panel
• tanstack-router-react-example-basic-file-based
• tanstack-router-react-example-basic-non-nested-devtools
• tanstack-router-react-example-react-query
• tanstack-router-react-example-basic-react-query-file-based
• tanstack-router-react-example-basic-ssr-file-based
• tanstack-router-react-example-basic-ssr-streaming-file-based
• tanstack-router-react-example-basic-virtual-file-based
• tanstack-router-react-example-basic-virtual-inside-file-based
• tanstack-router-react-example-deferred-data
• tanstack-router-i18n-paraglide
• tanstack-router-react-example-kitchen-sink
• tanstack-router-react-example-kitchen-sink-file-based
• tanstack-router-react-example-kitchen-sink-react-query
• tanstack-router-react-example-kitchen-sink-react-query-file-based
• tanstack-router-react-example-large-file-based
• tanstack-router-react-example-location-masking
• tanstack-router-react-example-navigation-blocking
• tanstack-router-react-example-quickstart
• tanstack-router-react-example-quickstart-esbuild-file-based
• tanstack-router-react-example-quickstart-file-based
• tanstack-router-react-example-quickstart-rspack-file-based
• tanstack-router-react-example-quickstart-webpack-file-based
• router-monorepo-react-query
• router-mono-simple
• router-mono-simple-lazy
• tanstack-router-react-example-scroll-restoration
• tanstack-search-validator-adapters
• tanstack-start-example-bare
• tanstack-start-example-basic
• tanstack-start-example-basic-auth
• tanstack-router-react-example-basic-authjs
• tanstack-start-example-basic-cloudflare
• tanstack-start-example-basic-react-query
• tanstack-start-example-basic-static
• tanstack-start-bun-hosting
• tanstack-start-example-clerk-basic
• tanstack-start-example-convex-trellaux
• tanstack-start-example-counter
• tanstack-start-i18n-paraglide
• tanstack-start-example-large
• tanstack-start-example-material-ui
• tanstack-start-example-rscs
• tanstack-start-streaming-data-from-server-functions
• tanstack-start-example-supabase-basic
• tanstack-start-tailwind-v4
• tanstack-start-example-trellaux
• tanstack-start-example-workos
• tanstack-router-react-example-view-transitions
• tanstack-router-react-example-with-framer-motion
• tanstack-router-react-example-with-trpc
• tanstack-router-react-example-with-trpc-react-query
• tanstack-router-vue-example-basic-jsx
• tanstack-router-vue-example-basic-file-based-jsx
• tanstack-router-vue-example-basic-file-based-sfc
• tanstack-router-solid-example-authenticated-routes
• tanstack-router-solid-example-authenticated-routes-firebase
• tanstack-router-solid-example-basic
• tanstack-router-solid-example-basic-default-search-params
• tanstack-router-solid-example-basic-devtools-panel
• tanstack-router-solid-example-basic-file-based
• tanstack-router-solid-example-basic-non-nested-devtools
• tanstack-router-solid-example-basic-solid-query
• tanstack-router-solid-example-basic-solid-query-file-based
• tanstack-router-solid-example-basic-ssr-file-based
• tanstack-router-solid-example-basic-ssr-streaming-file-based
• tanstack-router-solid-example-basic-virtual-file-based
• tanstack-router-solid-example-basic-virtual-inside-file-based
• tanstack-router-solid-example-deferred-data
• tanstack-router-solid-i18n-paraglide
• tanstack-router-solid-example-kitchen-sink
• tanstack-router-solid-example-kitchen-sink-file-based
• tanstack-router-solid-example-kitchen-sink-solid-query
• tanstack-router-solid-example-kitchen-sink-solid-query-file-based
• tanstack-router-solid-example-large-file-based
• tanstack-router-solid-example-location-masking
• tanstack-router-solid-example-navigation-blocking
• tanstack-router-solid-example-quickstart
• tanstack-router-solid-example-quickstart-esbuild-file-based
• tanstack-router-solid-example-quickstart-file-based
• tanstack-router-solid-example-quickstart-rspack-file-based
• tanstack-router-solid-example-quickstart-webpack-file-based
• @tanstack/router-solid-mono-simple
• router-solid-mono-simple-lazy
• router-solid-monorepo-solid-query
• tanstack-router-solid-example-scroll-restoration
• tanstack-solid-router-search-validator-adapters
• tanstack-solid-start-example-basic
• tanstack-solid-start-example-basic-auth
• tanstack-solid-start-example-basic-authjs
• tanstack-solid-start-example-basic-cloudflare
• tanstack-solid-start-example-basic-netlify
• tanstack-solid-start-example-basic-nitro
• tanstack-start-example-basic-solid-query
• tanstack-solid-start-example-basic-static
• tanstack-solid-start-bun-hosting
• tanstack-solid-start-example-convex-better-auth
• tanstack-solid-start-example-counter
• tanstack-solid-start-i18n-paraglide
• tanstack-solid-start-example-large
• tanstack-solid-start-streaming-data-from-server-functions
• tanstack-solid-start-example-supabase-basic
• tanstack-solid-start-tailwind-v4
• tanstack-router-solid-example-view-transitions
• tanstack-router-solid-example-with-framer-motion
• tanstack-router-solid-example-with-trpc

@tanstack/arktype-adapter

npm i https://pkg.pr.new/@tanstack/arktype-adapter@7631

@tanstack/eslint-plugin-router

npm i https://pkg.pr.new/@tanstack/eslint-plugin-router@7631

@tanstack/eslint-plugin-start

npm i https://pkg.pr.new/@tanstack/eslint-plugin-start@7631

@tanstack/history

npm i https://pkg.pr.new/@tanstack/history@7631

@tanstack/nitro-v2-vite-plugin

npm i https://pkg.pr.new/@tanstack/nitro-v2-vite-plugin@7631

@tanstack/react-router

npm i https://pkg.pr.new/@tanstack/react-router@7631

@tanstack/react-router-devtools

npm i https://pkg.pr.new/@tanstack/react-router-devtools@7631

@tanstack/react-router-ssr-query

npm i https://pkg.pr.new/@tanstack/react-router-ssr-query@7631

@tanstack/react-start

npm i https://pkg.pr.new/@tanstack/react-start@7631

@tanstack/react-start-client

npm i https://pkg.pr.new/@tanstack/react-start-client@7631

@tanstack/react-start-rsc

npm i https://pkg.pr.new/@tanstack/react-start-rsc@7631

@tanstack/react-start-server

npm i https://pkg.pr.new/@tanstack/react-start-server@7631

@tanstack/router-cli

npm i https://pkg.pr.new/@tanstack/router-cli@7631

@tanstack/router-core

npm i https://pkg.pr.new/@tanstack/router-core@7631

@tanstack/router-devtools

npm i https://pkg.pr.new/@tanstack/router-devtools@7631

@tanstack/router-devtools-core

npm i https://pkg.pr.new/@tanstack/router-devtools-core@7631

@tanstack/router-generator

npm i https://pkg.pr.new/@tanstack/router-generator@7631

@tanstack/router-plugin

npm i https://pkg.pr.new/@tanstack/router-plugin@7631

@tanstack/router-ssr-query-core

npm i https://pkg.pr.new/@tanstack/router-ssr-query-core@7631

@tanstack/router-utils

npm i https://pkg.pr.new/@tanstack/router-utils@7631

@tanstack/router-vite-plugin

npm i https://pkg.pr.new/@tanstack/router-vite-plugin@7631

@tanstack/solid-router

npm i https://pkg.pr.new/@tanstack/solid-router@7631

@tanstack/solid-router-devtools

npm i https://pkg.pr.new/@tanstack/solid-router-devtools@7631

@tanstack/solid-router-ssr-query

npm i https://pkg.pr.new/@tanstack/solid-router-ssr-query@7631

@tanstack/solid-start

npm i https://pkg.pr.new/@tanstack/solid-start@7631

@tanstack/solid-start-client

npm i https://pkg.pr.new/@tanstack/solid-start-client@7631

@tanstack/solid-start-server

npm i https://pkg.pr.new/@tanstack/solid-start-server@7631

@tanstack/start-client-core

npm i https://pkg.pr.new/@tanstack/start-client-core@7631

@tanstack/start-fn-stubs

npm i https://pkg.pr.new/@tanstack/start-fn-stubs@7631

@tanstack/start-plugin-core

npm i https://pkg.pr.new/@tanstack/start-plugin-core@7631

@tanstack/start-server-core

npm i https://pkg.pr.new/@tanstack/start-server-core@7631

@tanstack/start-static-server-functions

npm i https://pkg.pr.new/@tanstack/start-static-server-functions@7631

@tanstack/start-storage-context

npm i https://pkg.pr.new/@tanstack/start-storage-context@7631

@tanstack/valibot-adapter

npm i https://pkg.pr.new/@tanstack/valibot-adapter@7631

@tanstack/virtual-file-routes

npm i https://pkg.pr.new/@tanstack/virtual-file-routes@7631

@tanstack/vue-router

npm i https://pkg.pr.new/@tanstack/vue-router@7631

@tanstack/vue-router-devtools

npm i https://pkg.pr.new/@tanstack/vue-router-devtools@7631

@tanstack/vue-router-ssr-query

npm i https://pkg.pr.new/@tanstack/vue-router-ssr-query@7631

@tanstack/vue-start

npm i https://pkg.pr.new/@tanstack/vue-start@7631

@tanstack/vue-start-client

npm i https://pkg.pr.new/@tanstack/vue-start-client@7631

@tanstack/vue-start-server

npm i https://pkg.pr.new/@tanstack/vue-start-server@7631

@tanstack/zod-adapter

npm i https://pkg.pr.new/@tanstack/zod-adapter@7631

commit: bd2f943

[codspeed-hq]

Merging this PR will improve performance by 7.75%

⚠️ Different runtime environments detected

Some benchmarks with significant performance changes were compared across different runtime environments,
which may affect the accuracy of the results.

Open the report in CodSpeed to investigate

⚡ 3 improved benchmarks
❌ 2 regressed benchmarks
✅ 138 untouched benchmarks
🆕 32 new benchmarks
⏩ 1 skipped benchmark¹

Warning

Please fix the performance issues or acknowledge them on CodSpeed.

Performance Changes

	Mode	Benchmark	BASE	HEAD	Efficiency
❌	Simulation	client-side navigation loop (vue)	77 ms	80 ms	-3.78%
❌	Memory	mem streaming-peak chunked (vue)	11.9 MB	12.3 MB	-3.23%
⚡	Memory	mem aborted-requests (solid)	2.7 MB	2.2 MB	+22.48%
⚡	Memory	mem serialization-payload (solid)	9.6 MB	8.4 MB	+13.76%
⚡	Memory	mem serialization-payload (react)	35 MB	31.3 MB	+11.95%
🆕	Simulation	client before-load context loop (solid)	N/A	167.1 ms	N/A
🆕	Simulation	client deferred await loop (solid)	N/A	169.4 ms	N/A
🆕	Simulation	client hydration resume loop (solid)	N/A	32.9 ms	N/A
🆕	Simulation	client loader cache loop (solid)	N/A	84.7 ms	N/A
🆕	Simulation	client masking rewrites loop (solid)	N/A	1.2 s	N/A
🆕	Simulation	client scroll restoration loop (solid)	N/A	130 ms	N/A
🆕	Simulation	client search params loop (solid)	N/A	197.8 ms	N/A
🆕	Simulation	client subscribers selectors loop (solid)	N/A	762.8 ms	N/A
🆕	Simulation	client control flow loop (solid)	N/A	53.7 ms	N/A
🆕	Simulation	client head management loop (solid)	N/A	327.5 ms	N/A
🆕	Simulation	client history events blockers loop (solid)	N/A	56.7 ms	N/A
🆕	Simulation	client interrupted navigations loop (solid)	N/A	114.6 ms	N/A
🆕	Simulation	client location building links loop (solid)	N/A	3.9 s	N/A
🆕	Simulation	client outlets remounts loop (solid)	N/A	133.2 ms	N/A
🆕	Simulation	client preloading loop (solid)	N/A	60.6 ms	N/A
...	...	...	...	...	...

ℹ️ Only the first 20 benchmarks are displayed. Go to the app to view all benchmarks.

Tip

Investigate this regression by commenting @codspeedbot fix this regression on this PR, or directly use the CodSpeed MCP with your agent.

---

_{Comparing benchmark-client-nav-scenarios (bd2f943) with main (a415471)}

Footnotes

1. 1 benchmark was skipped, so the baseline result was used instead. If it was deleted from the codebase, click here and archive it to remove it from the performance reports. ↩