Tu web anda bien en tu celular y se traba en el de tu cliente: cómo hacerla liviana

Abrís tu web en tu celular nuevo, con wifi, y vuela. Pero tu cliente la abre en el colectivo, con un equipo de gama media y pocos datos en el plan, y se queda mirando una pantalla en blanco. No te escribe ni protesta: cierra y prueba con otro negocio.

Hoy vas a ver tu web como la ve él y a saber qué sacarle para que cargue ligera. Hay cinco cosas que explican casi todo el peso, y la última es la que casi nadie sospecha.

La prueba de un minuto: tu web con los ojos de tu cliente

Agarrá tu celular y apagá el wifi: usá solo los datos móviles. Si tiene modo de ahorro de datos, activalo. Abrí tu web y contá cuánto tardás en poder leer el primer título o tocar el botón de WhatsApp.

Ahora repetilo con el celular de otra persona, uno más viejo o más modesto que el tuyo. Esa es la experiencia de muchos de tus clientes: un equipo con menos memoria y un procesador más lento, que se traba con lo que a vos te corre suave.

Fijate en tres cosas:

• Cuánto pasa hasta que aparece algo útil, no solo el fondo.
• Si el texto salta mientras terminan de cargar las imágenes.
• Si al deslizar con el dedo la pantalla se entrecorta.

Si ya te impacientás vos, imaginá a alguien que está decidiendo dónde comprar. Y como mucha gente cuida los datos de su plan, una página pesada tiene otro costo: la próxima vez lo piensa antes de entrar.

Cinco cosas que hacen pesada a una web

1. Fotos enormes. Una foto sacada con el celular pesa muchísimo más de lo que hace falta para mostrarla en pantalla. Se achica al tamaño real de uso y se guarda en un formato liviano como WebP, sin que se note la diferencia.
2. Videos que arrancan solos. Un video de fondo a pantalla completa se descarga aunque nadie lo mire. Mejor uno corto y liviano, o una imagen con botón de reproducir que lo carga recién cuando se toca. Lo contamos en cómo usar tus reels en la web sin hacerla lenta.
3. Muchas tipografías. Cada estilo de letra es un archivo más que el celular tiene que bajar. Con dos familias y pocas variantes alcanza.
4. Efectos y carruseles. Un slider con cinco fotos que cambian solas, animaciones en cada sección: en un equipo potente se ven bien, en uno modesto se traban.
5. Piezas de terceros. Botones de chat, píxeles de publicidad, mapas incrustados, el feed de Instagram pegado en la página. Cada uno le pide cosas a otro servidor.

El peso que no pusiste vos

La quinta es la que más sorprende, porque no se ve. Un widget de chat que instaló alguien hace dos años, una herramienta de análisis que ya no mirás, un mapa que podría ser un simple link. Cuando se juntan media docena, pesan más que tu propia web.

Hacé un inventario: abrí tu web y anotá todo lo que no es tuyo (chat, mapa, redes, publicidad, reseñas). Por cada pieza, preguntate si alguien la usa. Lo que no tiene dueño ni uso, se saca. Lo que sí sirve, se carga recién cuando el visitante llega hasta ahí.

Una web liviana no es una web fea: es una web que te deja entrar aunque tengas poca señal.

Qué mirar primero y cómo medirlo

Lo primero que ve el cliente tiene que cargar rápido: el título, una foto bien comprimida y el botón para contactarte. Lo que está más abajo puede esperar. Esa carga a medida que se baja se llama carga diferida, y es una de las mejoras que más se nota en un celular modesto.

Para empezar hoy, en este orden:

1. Medí con el celular modesto. Anotá cuánto tarda y qué aparece primero.
2. Achicá las fotos. Es lo que más pesa y lo más fácil de resolver.
3. Frená los videos y los efectos. Que arranquen solo cuando alguien los pide.
4. Limpiá las piezas de terceros. Dejá las que alguien usa de verdad.
5. Volvé a medir. Misma prueba, mismo celular, y compará.

Para tener un número de referencia, la herramienta gratuita PageSpeed Insights, de Google, analiza tu dirección y sugiere mejoras. Usala como guía. La prueba con un celular real y datos móviles es la que manda, porque es lo que vive tu cliente.

Liviana desde el diseño, no como parche

Alivianar una web que ya está armada se puede, pero cuesta más que armarla liviana desde el principio. Cuando hacemos el diseño de tu página web pensamos primero en el celular modesto: fotos preparadas, pocas fuentes, efectos con criterio y solo las piezas de terceros que se justifican.

Y con el tiempo se vuelve a ensuciar: un plugin por acá, un video por allá. Con el mantenimiento web la revisamos cada tanto para que no vuelva a engordar.

Si ya hiciste la prueba y confirmaste que tu web es lenta, el paso que sigue es entender cómo la mide Google: lo explicamos en Core Web Vitals en criollo.