Abres tu sitio web en el celular. Carga rápido. Las imágenes se ven bien. El menú responde. Todo perfecto. Cierras el navegador satisfecho y sigues con tu día.

El problema es que estás sentado a dos metros de tu router. Tu celular está conectado a una red de 200 Mbps con latencia de 5 milisegundos. Esa no es la experiencia de tus usuarios. Esa es la experiencia de un diseñador que se está engañando.

La realidad que tu WiFi esconde

El usuario promedio de tu sitio no está en su casa. Está en un bus. Está en un centro comercial donde la señal rebota entre veinte paredes. Está en una zona rural donde el 4G apenas llega. Está caminando por la calle cambiando de una torre celular a otra cada doscientos metros.

Eso significa latencia de 100 a 300 milisegundos en vez de 5. Significa ancho de banda de 2 a 5 Mbps en vez de 200. Significa conexiones que se interrumpen y se reconectan sin aviso. Significa que esa imagen de 400 KB que carga en medio segundo con WiFi toma cuatro segundos con datos móviles en señal baja.

Diseñé interfaces bancarias durante más de diez años. En banca móvil el usuario revisa su saldo once veces al día. Once veces al día tu app tiene que cargar en condiciones que nunca son ideales. Si la pantalla de saldo tarda más de tres segundos, el usuario no piensa que la conexión es lenta. Piensa que tu app es lenta. Y si tu app es lenta, tu app no es confiable. Y si tu app no es confiable, tu banco no es confiable.

Cómo probar de verdad

La prueba real es incómoda. Sal de tu casa. Apaga el WiFi de tu celular. Abre tu sitio con datos móviles en la calle. Ahora camina mientras carga. Entra a un edificio. Baja al sótano. Intenta completar un formulario mientras el ascensor sube.

Si nunca hiciste esto, te vas a sorprender. Botones que no responden al primer toque porque el JavaScript todavía está cargando. Imágenes que aparecen como rectángulos grises durante segundos eternos. Fuentes web que dejan el texto invisible hasta que terminan de descargar. Transiciones CSS que tartamudean porque el procesador del celular está ocupado parseando tu bundle de 2 MB.

Chrome DevTools tiene una opción de throttling que simula 3G y 4G lento. Es mejor que nada pero no es lo mismo. La simulación reduce el ancho de banda de forma uniforme. Una conexión móvil real fluctúa. Pasa de 10 Mbps a 500 Kbps en un segundo cuando el usuario entra a un elevador. Esa fluctuación es la que rompe experiencias.

Lo que puedes hacer hoy

Cada imagen de tu sitio debería usar formato WebP o AVIF en vez de PNG o JPG. La diferencia es brutal: una imagen que pesa 400 KB en PNG pesa 80 KB en WebP con la misma calidad visual. Eso es la diferencia entre cargar en un segundo o en cinco con datos móviles.

Las fuentes web son otro problema invisible. Cada fuente que cargas desde Google Fonts agrega una petición HTTP y entre 20 KB y 100 KB de descarga. En WiFi no lo notas. En 3G el texto de tu página es invisible durante dos o tres segundos mientras la fuente descarga. La solución es usar font-display: swap para que el navegador muestre texto con la fuente del sistema mientras la fuente web carga.

El JavaScript es el peor enemigo del rendimiento móvil. No por el tamaño de la descarga sino por el tiempo de parsing. Un archivo de 500 KB de JavaScript toma 200 milisegundos en parsearse en un iPhone reciente. En un celular de gama media de hace tres años, toma 2 segundos. Dos segundos donde tu página existe pero no responde a nada.

Este blog lo construí sin frameworks precisamente por esto. PHP vanilla, HTML, CSS. Sin React. Sin bundles de JavaScript de megabytes. Las páginas cargan en menos de un segundo incluso con 3G porque no hay nada innecesario que procesar.

La prueba de fuego

Abre tu sitio en el celular más viejo que tengas en tu casa. El que dejaste en un cajón hace dos años. Apaga el WiFi. Usa datos móviles. Navega tu sitio completo. Lee un artículo. Haz clic en tres links. Intenta usar tu menú.

Si la experiencia es aceptable en ese dispositivo con esa conexión, tu sitio está bien. Si no lo es, tienes trabajo que hacer. Y ese trabajo no se descubre sentado al lado del router.

La UX real no vive en tu Figma. No vive en tu monitor de 27 pulgadas. No vive en tu red de 200 Mbps. Vive en el bolsillo de alguien que está parado en una fila del banco con dos barras de señal y un celular de hace tres años.

Si no pruebas ahí, no estás probando. Estás actuando.