Speed up your Website with Next.js Dynamic Import Lazy Loading
Vložit
- čas přidán 5. 03. 2023
- You'll learn how and when to use Dynamic Imports and speed up your website when using Next.js.
Dynamic imports (lazy loading) are a very important topic to learn if you're serious about using Next.js.
#Nextjs #React #DynamicImport #LazyLoad #LazyLoading - Věda a technologie
That was an clear explanation.. haven't heard this kind of explantion from the other videos. Thanks man
Been procrastinating dynamic imports for a while, thanks for the explainer ^^ Keep up the good work, looking forward to your channel growing
Thank you! It means a lot!
Good explanation
This was a really good explanation. Thanks!
Well explained, thank you so much !
Well explained. Keep doing the great work ❤
thanks,it's really good explanation.
you rock dude
Thanks, man! This saved my ass :)
Great job!
Thank you! Cheers!
thank you!
No problem, glad you found it useful!
This may help, thank you.
Can you make a video on how to find out what is causing your FCP to be slow?
I hope you find it useful!
I'll keep that in mind for future videos.
Your async await calls move to server components and start using suspense your FCP will be improved drastically
How to use next/dynamic without this button, for example do delay load of certain component on first page load?
You can add the component directly without any conditionals.
If you want to load the component only when it's visible then you can Intersection Observer.
@@tenacity_dev is this kinda same like frame-motion? I have opacity:0 when component is not in view, when it is opacity is set to 1?
Trade off is extra network call
Thanks! But why is it 19kb and not 4.6kb ? :p
Because the `import dynamic from 'next/dynamic'` has it's own JS size.
*Promo SM* ✅