Cuando una página tarda en abrir, lo primero que se sospecha es el hosting. Casi siempre la causa está más cerca: en las fotos. Una sola imagen subida tal como sale del celular puede pesar más que todo el resto de la página junto.
Aquí está por qué pasa, cuánto se puede aligerar una foto sin que se note, qué es la carga diferida, y cómo comprobar tu propia web en cinco minutos.
De dónde sale una foto de 8 MB
Un celular actual toma fotos de 12 megapíxeles o más: unos 4,000 por 3,000 píxeles. Guardada en alta calidad, esa foto pesa fácilmente entre 3 y 8 MB. Es perfecta para imprimir un cartel.
En una página web, esa misma foto se ve en un espacio mucho más pequeño. En el celular del cliente ocupa unos 400 píxeles de ancho; en una computadora, rara vez más de 1,600. Todo lo que sobra se descarga igual, aunque nadie lo vea.
La misma foto, de 8 MB a 200 KB
Para la web, una foto necesita dos ajustes:
- Redimensionarla al tamaño en que se va a ver. Para una imagen a todo lo ancho, 1,600 píxeles alcanzan; para una tarjeta de producto, 800.
- Guardarla en un formato moderno, como WebP o AVIF, con una compresión razonable.
Con esos dos pasos, una foto de 8 MB suele quedar entre 150 y 300 KB. Es cuarenta veces menos, y a simple vista se ve igual en la pantalla donde se va a mirar.
Haz la cuenta con una conexión móvil de 10 megabits por segundo, que es una velocidad normal de datos. Una foto de 8 MB tarda unos seis segundos y medio en llegar. La de 200 KB, menos de un quinto de segundo. Ahora multiplica por las fotos de una galería.
El costo para tu cliente
Buena parte de la gente que te busca lo hace desde el celular, muchas veces con datos móviles y no con wifi. Para esa persona, una página pesada significa dos cosas:
- Espera. La página se queda en blanco o a medio cargar mientras bajan las fotos.
- Consumo de su plan. Una galería de veinte fotos sin optimizar puede gastar más de 100 MB de datos. La misma galería optimizada, unos 5.
Quien espera demasiado vuelve atrás y abre el siguiente resultado. Y Google tiene en cuenta la velocidad al decidir qué mostrar, así que una página ligera también ayuda a aparecer.
La galería no tiene que cargar entera de entrada
La carga diferida hace que cada imagen se descargue solo cuando la persona se acerca a ella al bajar por la página. Las fotos del principio llegan de inmediato; las del final, si nadie baja hasta allí, no se descargan nunca.
En HTML es un solo atributo, loading="lazy", y la mayoría de las plataformas modernas lo aplican solas. La excepción es la imagen principal de arriba: esa debe cargar enseguida, porque es lo primero que se ve.
Cómo comprobar tu web en cinco minutos
- Entra a pagespeed.web.dev y escribe la dirección de tu página.
- Pulsa Analizar y quédate en la pestaña Móvil, que es la que más importa.
- Mira el dato Largest Contentful Paint: cuánto tarda en aparecer el elemento principal. Por debajo de 2.5 segundos está bien; por encima de 4, conviene actuar.
- Baja hasta las recomendaciones y busca las que hablan de imágenes, como «Mejorar la entrega de imágenes». Ahí aparece cada foto con lo que pesa y lo que podría pesar.
Si las imágenes encabezan la lista de ahorro, ya sabes por dónde empezar.
Qué puedes hacer esta semana
- Pasa tu web por PageSpeed en modo móvil y anota el resultado.
- Optimiza las fotos más grandes antes de subirlas. Herramientas gratuitas como Squoosh (squoosh.app) permiten redimensionar y guardar en WebP desde el navegador.
- Fija un tamaño máximo para todo lo que subas: 1,600 píxeles de ancho para fotos grandes, 800 para tarjetas.
- Revisa que la galería use carga diferida, sobre todo si tiene muchas fotos.
- Vuelve a medir y compara.
Cuando construimos un sitio, las imágenes se preparan así desde el principio: cada una en el tamaño en que se ve, en formato moderno y con carga diferida donde corresponde. Y si tu web ya existe y quieres saber cuánto le pesan las fotos, lo medimos en la optimización web. Si tu negocio vive de mostrar productos, también te puede interesar cómo funciona un catálogo digital.