У нас вы можете посмотреть бесплатно How to Use Lighthouse to Improve Performance of Your Next.js App или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
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