Tanstack start performance
I had a general question
Is tanstack start currently slower on vercel than nextjs on vercel?
I am using everything supabase and postgres on both end but seeing some load performance drop when using SSR
11 Replies
foreign-sapphire•6mo ago
how do you define and measure performance?
absent-sapphireOP•6mo ago
I compared with a previous blog website i made with nextjs that uses pages router
And current project uses tanstack start
Previous: blogsansar.vercel.app
Current: sagarmathalabs.com
For the later site i used cloudflare
Sorry for the trouble but i think the issue must be with the bundle too
I am importing react markdown so it may have caused this
Do you have any suggestion how can i handle this?
foreign-sapphire•6mo ago
what kind of performance are you looking at here.
there are so many metrics...
absent-sapphireOP•6mo ago
Its just the initial page load
foreign-sapphire•6mo ago
until the first html arrives?
foreign-sapphire•6mo ago
maybe that's relevant
https://x.com/schanuelmiller/status/1918796648328597646?t=Xglrd4oDHH0xoIUMYLyHAw&s=19
Manuel Schiller (@schanuelmiller)
If your server-side rendering feels suspiciously slow, check NODE_ENV. React only loads the production build if it is explicitly set to 'production'. Learned this the hard way.
X
like-gold•6mo ago
Thanks for the post Manuel!
Did not know about this.
Does this have any impact on local development? It usually takes 20-30 seconds from running pnpm dev to i can actually interactiv with my app
foreign-sapphire•6mo ago
you should not set this when running dev locally
can you share some more details about your app? amount of routes etc?
you can also enable debug logs for vite so get an idea what it is doing via the env var DEBUG=*
like-gold•6mo ago
I shared the log 🙂
I usually just wait for the tanstack devtools icon to appear before i start interacting with my app.
And it takes all the way from 10-30 seconds from a cold pnpm dev before those icons appear.
when already in dev mode, if i reload the page, it can take 5-10 seconds before the icons appear - and the app is ready to be interacted with (see last video).
Amount of routes
/ (landing)
/slug
/slug/issues,projects,users,settings etc
In total maybe 10-15 routes.
What happens if i interact with app before the icons appear
Links does not work, and they can sometimes append weird params to my current url
like-gold•6mo ago
foreign-sapphire•6mo ago
that log is just some tailwind log, not the output from vite