Speed up your Website with Next.js Dynamic Import Lazy Loading
Ғылым және технология
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
Пікірлер: 24
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
@tenacity_dev
Жыл бұрын
Thank you! It means a lot!
This was a really good explanation. Thanks!
Well explained, thank you so much !
thanks,it's really good explanation.
Well explained. Keep doing the great work ❤
Great job!
@tenacity_dev
10 ай бұрын
Thank you! Cheers!
you rock dude
Thanks, man! This saved my ass :)
thank you!
@tenacity_dev
Жыл бұрын
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?
@tenacity_dev
Жыл бұрын
I hope you find it useful! I'll keep that in mind for future videos.
@prabhurao2773
Ай бұрын
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?
@tenacity_dev
Жыл бұрын
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.
@york2301
Жыл бұрын
@@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
@tenacity_dev
Жыл бұрын
Because the `import dynamic from 'next/dynamic'` has it's own JS size.
*Promo SM* ✅