Por qué en móvil importa más la velocidad que la calidad

Más del 60% del tráfico web mundial ya llega desde el móvil, según lleva años confirmando StatCounter — y esa cifra sigue subiendo, no bajando. Eso cambia una pregunta que durante años se dio por sentada: "¿qué imagen es mejor, la de más calidad?" ya no tiene una respuesta tan simple, porque en móvil la variable que de verdad determina si alguien se queda en tu web o se va no es cuán nítida es la foto — es si la página responde al instante o se queda pensando.

Menos ancho de banda, menos paciencia, las dos cosas a la vez

En móvil se juntan dos factores que casi nunca coinciden en escritorio: peor conexión de media (datos móviles, cobertura irregular, redes compartidas) y menos tolerancia a esperar. Un estudio ya clásico de Google (2016) encontró que la probabilidad de que alguien abandone una página móvil sube un 32% cuando el tiempo de carga pasa de 1 a 3 segundos — y sigue subiendo de forma pronunciada a partir de ahí. No es que la gente en móvil sea más impaciente por carácter; es que el móvil es, por naturaleza, el dispositivo de "lo quiero ahora, en medio de otra cosa" — caminando, en el metro, entre tareas. La paciencia disponible es literalmente menor.

Por qué la fluidez ganó la prioridad

Google formalizó esto en 2021 con los Core Web Vitals, que miden explícitamente fluidez y capacidad de respuesta — LCP (cuánto tarda en pintarse el contenido principal), INP (cuánto tarda la página en reaccionar cuando tocas algo) — como factores directos de posicionamiento. Antes de eso, muchas webs competían casi solo en cuán bonita o nítida se veía cada imagen. Después, la competencia real pasó a ser otra: quién carga más rápido y quién no se traba al hacer scroll, porque eso es lo que Google mide y lo que de verdad determina si alguien se queda.

Lo que esto significa en la práctica para tus imágenes

• Prioriza el peso sobre la resolución máxima. Como vimos en el artículo sobre lo que el ojo humano puede distinguir, en la pantalla pequeña de un móvil casi nunca hace falta la resolución más alta posible — así que ahí tienes margen para comprimir más sin que se note, ganando velocidad de carga real.
• Usa loading="lazy" en imágenes fuera de la pantalla inicial. No cargar lo que el usuario no ve todavía es la optimización de fluidez más barata que existe — un atributo HTML, sin librerías.
• WebP o AVIF, casi siempre. En una conexión móvil limitada, el 25-50% de ahorro de peso que dan estos formatos frente a JPG (lo cubrimos en la guía de formatos) se nota mucho más que en fibra de escritorio, donde el ancho de banda sobra.
• Evita el "salto" al cargar. Declarar siempre width y height en cada imagen deja que el navegador reserve el espacio antes de que la imagen llegue, evitando ese reajuste brusco de la página que se siente como lentitud aunque técnicamente no lo sea.

No es que la calidad ya no importe

Importa, pero ha dejado de ser la variable que decide si alguien se queda o se va — esa es la fluidez. Una imagen algo menos nítida que carga al instante gana, en la experiencia real del usuario, a una imagen perfecta que tarda tres segundos en aparecer. La buena noticia es que casi nunca hace falta elegir entre las dos cosas: con la compresión y el formato correctos, se consigue una imagen que se ve prácticamente igual de bien y carga mucho más rápido, sin ese sacrificio real que parecía inevitable hace una década.