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