Mejorando tus Core Web Vitals

Veamos cómo podemos mejorar los Core Web Vitals de nuestro ejemplo utilizando las características de Next.js.

En esta lección, aprenderás:

  • Qué es Lighthouse y cómo podemos usarlo.
  • Cómo usar next/image para optimizar imágenes automáticamente.
  • Cómo importar dinámicamente bibliotecas y componentes para reducir tu paquete JS inicial.
  • Cómo pre-conectar scripts de terceros.
  • Cómo Next.js optimiza la carga de fuentes web por defecto.
  • Cómo optimizar la carga de cualquier script de terceros.