How to Use Lighthouse to Improve Performance of Your Next.js App

Описание: In this video, we’re going to talk about how to tweak your Next.js app to make it faster with the help of Lighthouse.

🔗 Links
💡 Lighthouse - https://developer.chrome.com/docs/lig...
🎬 Movie Trailer App - https://nextjs-movie-trailer-app.verc...
🖥️ Movie Trailer code - https://github.com/pozymasika/nextjs-...

00:00 - Introduction to Lighthouse
01:31 - The app we're going to optimize
01:58 - How to run Lighthouse on Chrome
03:42 - Use Next/Image to properly size images
06:01 - Lazy loading with Intersection Observer
07:06 - Skip Server Side Rendering with dynamic imports
07:40 - Caching page data with getStaticProps
09:30 - Increase LCP Score by giving important images higher priority