Por qué tu web tarda más de un segundo (y cómo lo arreglamos)

Google lleva años diciéndolo y los datos lo confirman: la velocidad de carga afecta directamente a las ventas. Amazon estimó hace tiempo que cada 100 milisegundos de latencia le costaban un 1% de ingresos. En nuestras auditorías, la mayoría de webs corporativas y tiendas españolas tardan entre 3 y 6 segundos en ser usables en móvil. Estas son las causas que más se repiten.

1. Imágenes sin optimizar

Es la causa número uno. Fotos de producto de 4 MB servidas a un móvil que las muestra a 400 píxeles de ancho. La solución no es comprimir a mano: es servir el tamaño exacto que necesita cada dispositivo, en formato AVIF o WebP, con carga diferida para lo que no está en pantalla. El componente Image de Next.js hace todo esto automáticamente.

2. JavaScript que bloquea el renderizado

Temas de WordPress con quince plugins, cada uno cargando su propio jQuery y sus propias librerías. El navegador no puede pintar nada hasta descargarlo y ejecutarlo todo. Con renderizado en servidor, el HTML llega ya construido y el usuario ve contenido en la primera fracción de segundo, aunque el JavaScript todavía se esté descargando.

3. Fuentes web mal cargadas

Cuatro pesos de una fuente de Google Fonts, cargados desde un dominio externo, sin preload y sin font-display. Resultado: texto invisible durante un segundo y un salto de maquetación cuando por fin aparece. Alojamos las fuentes en el propio dominio, solo los pesos necesarios, con subconjuntos de caracteres y swap inmediato.

4. Servidor lejos del usuario

Un hosting compartido en un único centro de datos significa que cada visitante desde Canarias, México o Alemania espera el viaje de ida y vuelta. Desplegamos en una red edge global: el HTML y los recursos estáticos se sirven desde el nodo más cercano al usuario, en cualquier país.

5. Scripts de terceros descontrolados

Chat, analítica, píxeles publicitarios, mapas de calor, widgets de reseñas. Cada uno añade cientos de kilobytes y peticiones a dominios distintos. Los cargamos después de que la página sea interactiva, con consentimiento previo cuando toca, y eliminamos los que nadie del equipo sabe para qué sirven.

El objetivo no es un número bonito en Lighthouse. Es que la persona que entra desde el móvil en el metro vea tu producto antes de que se le pase la intención de compra.

Qué puedes hacer hoy

• Mide tu web en PageSpeed Insights desde móvil, no desde escritorio.
• Revisa las tres imágenes más pesadas de tu portada y su tamaño real en pantalla.
• Abre la pestaña Red del navegador y cuenta cuántos dominios externos cargas.
• Si el resultado te preocupa, escríbenos: hacemos auditorías de rendimiento con un informe priorizado.