Doscientas fotos sin hundir la web

Por qué pasa

Una foto recién salida del móvil ocupa entre tres y ocho megas. Si la web carga treinta de golpe en su tamaño original, está pidiendo más de cien megas antes de que se vea nada. En un ordenador con fibra casi no se nota; en un móvil con cobertura regular —que es por donde te va a mirar la mayoría— son diez segundos largos mirando una pantalla en blanco. Y la gente no espera diez segundos.

Lo que hay que hacer, por orden de impacto

1. Servir cada imagen en el tamaño en que se ve

Es lo que más pesa y lo que más se ignora. Si una miniatura se ve a 400 píxeles de ancho, no tiene sentido enviar una imagen de 4.000. Una web bien montada genera varias versiones de cada foto y le manda a cada dispositivo la que le corresponde. Solo esto suele recortar el peso en un 80%.

2. Usar formatos modernos

Los formatos de imagen actuales pesan bastante menos que el JPEG de toda la vida con la misma calidad aparente. Es un cambio que no se ve y que se nota mucho.

3. Cargar solo lo que está en pantalla

La carga diferida hace que las fotos se pidan a medida que bajas, no todas al abrir. Con una galería grande, la diferencia es abismal. Con una excepción importante: la primera imagen, la que se ve sin bajar, debe cargarse de inmediato y con prioridad, porque es la que mide Google para juzgar si tu web es rápida.

4. Reservar el hueco antes de que llegue la foto

Si el navegador no sabe cuánto va a ocupar una imagen, el contenido salta cuando llega. Eso es muy molesto y además penaliza. Se arregla indicando las dimensiones de cada imagen.

5. Galería por páginas o por bloques

Doscientas fotos en una sola página larga es mala idea aunque se cargue diferida. Divídela en bloques o en páginas de veinte o treinta.

Cómo comprobarlo tú misma

Existen herramientas gratuitas de medición de velocidad donde metes la dirección de tu web y te dan una nota y una lista de problemas. Dos avisos para que no te engañen:

• Mide la página de la galería, no la portada. La portada suele ir bien en todas partes; el problema está donde están las fotos.
• Mira el resultado en móvil, que es más exigente y es lo que usan tus visitas.

Si quien te lleva la web te enseña la nota de la portada en ordenador, te está enseñando el examen fácil.

El error de sentido contrario

Comprimir tanto que las fotos se vean mal. En este sector la calidad de imagen es el producto: más vale una web un poco más lenta con fotos impecables que una instantánea con fotos pixeladas. El objetivo no es la nota perfecta, es que cargue rápido y se vea bien. Se puede tener las dos cosas; lo que no se puede es sacrificar la segunda por la primera.