Cómo optimizar imágenes para acelerar una web
Dimensiones, formatos y entrega: las tres piezas.
Mide la página real
Identifica la imagen que participa en el LCP con Lighthouse o PageSpeed Insights. Una herramienta de compresión no mide por sí sola el rendimiento de tu web.
Crea tamaños adecuados
Por ejemplo, prepara variantes de 640, 1280 y 1920 px para una fotografía de cabecera. El navegador podrá elegir la apropiada si configuras srcset y sizes.
Prueba estos ajustes en imágenes para web y revisa los resultados reales de tu archivo.
Cuida la carga inicial
Evita lazy loading en la imagen principal visible. Utiliza loading="lazy" para imágenes más abajo y dimensiones explícitas para reducir saltos de diseño.
Verifica en móvil
Compara la carga con una conexión limitada y comprueba si el formato y la calidad siguen siendo adecuados. Los datos de campo al percentil 75 requieren tráfico real.
Llévalo a la práctica.
Prueba con tus propias imágenes, sin subirlas a un servidor.
Abrir la herramientaContenido editorial preparado para Miga. Las recomendaciones son puntos de partida, no promesas de ahorro. Revisión técnica y aprobación editorial del titular pendientes antes de su lanzamiento público.