Next.js Performance & Speed Optimization | Episode #2 | Bundle Analyzer & Dynamic Imports

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 มิ.ย. 2023
  • In this lesson, we go over how to use the Next bundle analyzer as well as how to use dynamic imports for libraries and components.
    Bundle Analyzer: www.npmjs.com/package/@next/b...
    Next Dynamic: nextjs.org/docs/app/building-...
    Code: github.com/benjaminhaig/next-...
    Need a website? Check us out: fabled-web.ca

ความคิดเห็น • 22

  • @ahmedfarazdev
    @ahmedfarazdev 7 หลายเดือนก่อน +9

    I am working on a real-world project. For the past month the client is insisting to increase the speed of the app. Meanwhile the codebase is huge I have recently joined the team with two other guys so your videos are helping me to diagnose the issue of performance.

  • @bilalbutt2617
    @bilalbutt2617 7 หลายเดือนก่อน +2

    i was not able to understand how i can reduce :first load js" size but your video clears my doubts. thanks for such informative video

  • @rockNbrain
    @rockNbrain 7 หลายเดือนก่อน

    Nice job dude 🎉

  • @noooOne462
    @noooOne462 8 หลายเดือนก่อน +1

    Was stuck with really bad performance thanks buddy

    • @benhaig
      @benhaig  8 หลายเดือนก่อน +1

      😁

  • @27sosite73
    @27sosite73 5 หลายเดือนก่อน

    ty mate
    well explained

  • @Nothing-cx4jt
    @Nothing-cx4jt 11 หลายเดือนก่อน +2

    Damn! This is so good.

    • @benhaig
      @benhaig  11 หลายเดือนก่อน

      Thank you! Glad it was helpful!

  • @vaibhav.polska
    @vaibhav.polska 8 หลายเดือนก่อน

    Bro you're great!

    • @benhaig
      @benhaig  8 หลายเดือนก่อน

      Thanks man!

  • @enriquepalomino6644
    @enriquepalomino6644 2 หลายเดือนก่อน

    Thanks for the video mate. I wonder how nextjs allow you to mix a frontend page ("use client") with an async function. I cannot solve that part.

  • @madkidz8863
    @madkidz8863 หลายเดือนก่อน

    thank you sirr
    your video save my dumb report

    • @benhaig
      @benhaig  หลายเดือนก่อน

      Haha glad I could help 😄

  • @noooOne462
    @noooOne462 8 หลายเดือนก่อน +1

    How do i add scroll restoration anyone got any idea i tried saving and retrieving from session storage manually

    •  7 หลายเดือนก่อน

      There as experimental config option (takes like 2 seconds to bing).. "experimental: { scrollRestoration: true }"

    • @Jogkart
      @Jogkart 2 หลายเดือนก่อน

      Yesss

  • @Ogooluwanick
    @Ogooluwanick 8 หลายเดือนก่อน

    sir please create a playlist for these

    • @benhaig
      @benhaig  8 หลายเดือนก่อน +1

      Good idea. Thank you!

    • @Ogooluwanick
      @Ogooluwanick 8 หลายเดือนก่อน

      @@benhaig 100% men, too helpful to not be in one place. big ups💯

  • @user-ty6oz3gv8z
    @user-ty6oz3gv8z 4 หลายเดือนก่อน

    Qwikjs will solve the issue automatically

  •  7 หลายเดือนก่อน +2

    God damn is the tailwind syntax incredibly ugly. Why can't we all just stick to css-in-js or even css modules like sane people?

    • @LethalWeaponTV
      @LethalWeaponTV 5 หลายเดือนก่อน

      css-in-js is > all