Web lenta: 9 causas reales y cómo las arreglamos (con resultados)

Una web que tarda más de 3 segundos en móvil pierde a la mitad de sus visitantes antes de que vean nada. No es una frase de marketing: es el dato de Google desde 2017 y lo confirmamos en cada proyecto. La buena noticia: casi toda web lenta falla por las mismas causas, y la mayoría se arreglan en días. Estas son las 9 que vemos una y otra vez, ordenadas por frecuencia.

1. Imágenes sin optimizar

La causa número uno, sin competencia: fotos de 3-5 MB subidas directas del móvil. La regla: WebP, el ancho justo que se va a mostrar y lazy loading salvo la imagen del hero. En nuestros proyectos las portadas se generan en 1200x630 con formatos modernos automáticamente.

2. Hosting barato saturado

Un hosting de 2 €/mes mete cientos de webs en el mismo servidor. Cuando tu vecino de servidor recibe una picada de tráfico, tú lo notas. Si tu web tarda en responder aunque el contenido esté optimizado (TTFB por encima de 600 ms), el problema no es tu web: es donde vive. La elección correcta la explicamos en nuestra guía de hosting y dominio.

3. Temas y plugins que cargan todo en todas las páginas

El page builder que carga su CSS de 400 KB en la página de contacto que solo tiene un formulario. Cada plugin añade CSS, JS y llamadas a base de datos en cada visita. La solución no es «un plugin de caché»: es cargar solo lo que cada página usa, que es como construimos nuestras webs.

4. Fuentes que bloquean el renderizado

Tres pesos de una fuente de Google Fonts sin font-display: swap bloquean la primera pintura hasta que descargan. Con swap + preconnect, el texto se ve al instante y la fuente llega cuando llega.

5. Sin caché ni CDN

Cada visita regenera las páginas desde cero. La caché sirve copias listas y el CDN (Cloudflare o el de tu propio hosting) acerca los archivos al visitante. Es configuración de una tarde con impacto inmediato.

6. JS de terceros sin control

Chat de WhatsApp flotante, analytics, píxeles de Meta, mapas incrustados… Cada uno suma peticiones y bloquea. Lo cargamos con client:visible (solo cuando se ve) o diferido, y los mapas solo en la página de contacto.

7. Sin dimensiones en las imágenes

Una imagen sin width y height provoca saltos de diseño al cargar (CLS rojo): el lector va a pulsar un botón y este se mueve. Atributos explícitos + aspect-ratio en CSS lo eliminan.

8. Redirecciones en cadena

http:// → https://www. → https:// → …/index.php… cada salto añade un viaje completo antes de empezar a cargar. Una sola redirección, directa al destino final.

9. El LCP que nadie mira: el hero

El Elemento más grande de la primera pantalla (suele ser la imagen del hero) marca la métrica que Google usa para «rápida». Carga prioritaria (fetchpriority="high"), sin lazy loading, en formato moderno y preconectada: es exactamente cómo montamos cada hero de este sitio.

Cómo medirlo tú mismo hoy

Abre PageSpeed Insights, pon tu URL y mira tres números: LCP (debe bajar de 2,5 s, idealmente de 1,5), CLS (por debajo de 0,1) y TBT. Después compara en móvil, que es donde busca tu clientela. Si los números salen mal, nuestra página de diseño web explica qué garantías de velocidad damos en cada proyecto (LCP medio 1,1 s), y si tu caso es de afinar lo que ya tienes, cuéntanoslo y te decimos qué dos cosas arreglarían el 80 % del problema.