Velocidad en móviles: guía práctica para que tu web vuele con 4G

Tu web va rápida en tu ordenador con fibra. Eso no significa nada. La mayoría de tus visitantes la abren con un móvil de gama media, con 4G irregular y con otras diez aplicaciones abiertas. Ese es el escenario que hay que optimizar.

Mide en condiciones reales

Las herramientas de laboratorio ayudan, pero lo importante son los datos de usuarios reales. Prueba también con la simulación de red lenta y CPU limitada del navegador: verás cuánto tarda de verdad tu página en ser usable, no solo en aparecer.

Las imágenes siguen siendo el problema número uno

Tres reglas y resuelves el 70% de los casos:

• Formatos modernos como WebP o AVIF.
• Tamaños adaptados a cada pantalla, no una imagen de 3000 píxeles servida a un móvil de 400.
• Carga diferida en todo lo que esté por debajo del primer pantallazo, y carga prioritaria solo en la imagen principal.

Y siempre con ancho y alto declarados, para que no se mueva el contenido mientras cargan.

Fuentes: la causa oculta de la lentitud

Cada familia y cada grosor extra es una descarga. Limítate a dos familias y a los grosores que realmente usas. Carga asíncrona y una fuente de sistema de respaldo con métricas parecidas para evitar saltos de texto.

Scripts de terceros: el coste invisible

Chats, mapas, píxeles publicitarios, reproductores, banners de cookies. Cada uno añade peso y trabajo de procesamiento. Audita lo que tienes instalado y elimina lo que no aporte. Un chat que usas dos veces al mes no compensa medio segundo de retraso en cada visita.

Cuando algo sea imprescindible, cárgalo después de la interacción del usuario o cuando el elemento entre en pantalla, como pasa con los mapas incrustados.

Prioriza lo que se ve

El navegador debe dedicar sus primeros recursos a lo que aparece en pantalla. Estilos críticos disponibles cuanto antes, imagen principal con prioridad alta y todo lo demás en segundo plano. Evita animaciones pesadas en la primera pantalla.

Estabilidad visual

Nada irrita más que ir a pulsar un botón y que se desplace porque acaba de cargar un banner. Reserva espacio para imágenes, anuncios y avisos de cookies. La estabilidad se mide y afecta al posicionamiento.

Capacidad de respuesta

Que la página se vea no basta: tiene que responder. Los bloques largos de procesamiento hacen que un botón tarde en reaccionar. Divide el trabajo, retrasa lo no esencial y evita cargar librerías enteras para funciones pequeñas.

Qué ganas con esto

Menos abandono, más páginas vistas por sesión, mejor conversión y una señal positiva de calidad para los buscadores. En comercio y hostelería, una mejora de dos segundos se nota en pedidos.

Si quieres que auditemos la velocidad real de tu web, pídenos una revisión.