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

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

[@ahmedfarazdev]

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]

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]

Nice job dude 🎉

[@27sosite73]

ty mate
well explained

[@Nothing-cx4jt]

Damn! This is so good.

[@benhaig]

Thank you! Glad it was helpful!

[@vaibhav.polska]

Bro you're great!

[@benhaig]

Thanks man!

[@noooOne462]

Was stuck with really bad performance thanks buddy

[@benhaig]

😁

[@enriquepalomino6644]

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]

thank you sirr
your video save my dumb report

[@benhaig]

Haha glad I could help 😄

[@noooOne462]

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

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

[@Jogkart]

Yesss

[@Ogooluwanick]

sir please create a playlist for these

[@benhaig]

Good idea. Thank you!

[@Ogooluwanick]

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

[@user-ty6oz3gv8z]

Qwikjs will solve the issue automatically

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]

css-in-js is > all