Улучшение Core Web Vitals

Рассмотрим, как можно улучшить показатели Core Web Vitals нашего примера с помощью возможностей Next.js.

В этом уроке вы узнаете:

• Что такое Lighthouse и как его использовать.
• Как использовать next/image для автоматической оптимизации изображений.
• Как динамически импортировать библиотеки и компоненты для уменьшения начального JS-бандла.
• Как установить предварительное соединение со сторонними скриптами.
• Как Next.js по умолчанию оптимизирует загрузку веб-шрифтов.
• Как оптимизировать загрузку любых сторонних скриптов.