Increased Next.js App Performance By 30%.
HTML-код
- Опубликовано: 27 ноя 2024
- Hey guys, in this video I show you little changes that I did in the CRUD app that we created from scratch in one of my older video.
Simples changes that resulted in almost 30% performance gain.
Link to the CRUD video: • CRUD in Next.js Using ...
Github repo: github.com/adi...
Thank you.
Excellent tutorial, just what I needed)
00:00 Intro
00:34 Install next-bundle-analyzer
05:51 Use Import Dynamic on the bundles
09:30 Use Import Dynamic on the Components
14:10 Remove SWR
Great video! The optimization is also depending on how many modules we are using in our pages. So, overall optimization percentage can be significantly higher that 30%.
Absolutely.
This was a good watch Aditya!
Awesome video. Please make more of these performance video
Great video but that line spacing is jarring
Good video, but i guess you need to make the dynamic component render with ssr:true. this makes sure you have the html available on pre rendered page. For most of us the whole point of using nextjs is SEO, but when searchbots won't even see the html, there's no point of using it.
ssr:true does not makes sense in this case.
Nice❤❤
This is somewhat how Remix works
Great tutorial
Thanks for sharing
Wow I didn't know that thing, thanks
Pretty Amazing Aditya!!! Looking forward to learn more from you.
Which IDE you are using?
I think it's zed
correct
What's your theme? @@AdityaSinghCodes
How to reduce the data transfer as well?
What do you mean
Great Video Man! Thanks