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

  • @PremKumar-vb1ng
    @PremKumar-vb1ng4 күн бұрын

    That was an clear explanation.. haven't heard this kind of explantion from the other videos. Thanks man

  • @eminvesting
    @eminvesting Жыл бұрын

    Been procrastinating dynamic imports for a while, thanks for the explainer ^^ Keep up the good work, looking forward to your channel growing

  • @tenacity_dev

    @tenacity_dev

    Жыл бұрын

    Thank you! It means a lot!

  • @Ziggy0120
    @Ziggy01208 ай бұрын

    This was a really good explanation. Thanks!

  • @Furki4_4
    @Furki4_48 ай бұрын

    Well explained, thank you so much !

  • @JeromeChung
    @JeromeChung8 ай бұрын

    thanks,it's really good explanation.

  • @Its-InderjeetSinghGill
    @Its-InderjeetSinghGill6 ай бұрын

    Well explained. Keep doing the great work ❤

  • @york2301
    @york2301 Жыл бұрын

    Great job!

  • @tenacity_dev

    @tenacity_dev

    10 ай бұрын

    Thank you! Cheers!

  • @masterv2.045
    @masterv2.0456 ай бұрын

    you rock dude

  • @TheWoselWosel
    @TheWoselWosel3 ай бұрын

    Thanks, man! This saved my ass :)

  • @code_zeal6278
    @code_zeal6278 Жыл бұрын

    thank you!

  • @tenacity_dev

    @tenacity_dev

    Жыл бұрын

    No problem, glad you found it useful!

  • @klapaucius515
    @klapaucius515 Жыл бұрын

    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

    @tenacity_dev

    Жыл бұрын

    I hope you find it useful! I'll keep that in mind for future videos.

  • @prabhurao2773

    @prabhurao2773

    Ай бұрын

    Your async await calls move to server components and start using suspense your FCP will be improved drastically

  • @york2301
    @york2301 Жыл бұрын

    How to use next/dynamic without this button, for example do delay load of certain component on first page load?

  • @tenacity_dev

    @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

    @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?

  • @mr.random8447
    @mr.random84477 ай бұрын

    Trade off is extra network call

  • @z1982_
    @z1982_ Жыл бұрын

    Thanks! But why is it 19kb and not 4.6kb ? :p

  • @tenacity_dev

    @tenacity_dev

    Жыл бұрын

    Because the `import dynamic from 'next/dynamic'` has it's own JS size.

  • @kairo2891
    @kairo2891 Жыл бұрын

    *Promo SM* ✅

Келесі