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
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.
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
Nice job dude 🎉
Was stuck with really bad performance thanks buddy
😁
ty mate
well explained
Damn! This is so good.
Thank you! Glad it was helpful!
Bro you're great!
Thanks man!
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.
thank you sirr
your video save my dumb report
Haha glad I could help 😄
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 }"
Yesss
sir please create a playlist for these
Good idea. Thank you!
@@benhaig 100% men, too helpful to not be in one place. big ups💯
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?
css-in-js is > all