Next.js proporciona el componente Image que ofrece muchos beneficios:
Podemos verificar esto al momento de usar el componente Image, en la consola del navegador en el apartado de network, veremos como se envia una request para optimizar la imagen, ahora,
¿Que pasaria si tenemos un listado mostrando cientos de productos? Por cada imagen se enviara una peticion para optimizar la imagen, al implementar soluciones de carga de imágenes, debemos considerar los posibles impactos en el rendimiento:
Importante: Si estás utilizando una CDN que ya optimiza las imágenes, configura Next.js para usar un cargador personalizado y así evitar la doble optimización y costos innecesarios del servidor.