Suggested First Load JS size
Wondering how big is too big for a first load.
Currently my first load is about 250 kb, which is enough for the next.js build to start showing it as red, so I'm assuming that is larger than what is suggested, but I couldn't really find much on what a suggested size for first load js is.
It's been a task to try to get the first load down without completely removing Material UI, but before I go through all that figured I'd ask and see what people's average First Load JS is, as well as the "Ideal" size.
3 Replies
that really depends on what your app does. 250kb is maybe too much for a helloworld todo app, but for some very complex app 250kb is small
Here is Theo's video on this https://youtu.be/EIGmcxwbbZw
Theo - t3․gg
YouTube
Your NextJS App is Too Big
NextJS is great! Those red numbers are scary tho. Hope this video helps you find some strategies to keep your Next app small and your user experience snappy!
JOIN MY PATREON FOR EARLY ACCESS TO VIDEOS AND DIAGRAMS https://www.patreon.com/t3dotgg
Next Bundle Analyzer: https://github.com/vercel/next.js/tree/canary/packages/next-bundle-analyzer
...
Yeah, it's not a huge app, two api calls, some image loading, and firebase Auth, and it started to baloon in size it felt like.
Just getting a feel for how big is "too big" or what is considered "big" to see if I really need to do some rewrites on the core app to lower things down