¿Tu web tarda 3 segundos? Cada segundo de carga es un cliente que no espera

Una web puede verse perfecta y seguir perdiendo dinero. Si tarda más de tres segundos en mostrar contenido, la mayoría de visitantes se va antes de leer una sola frase. No se van porque no les guste tu producto: se van porque no quieren esperar.

Qué está pasando por debajo

Cuando alguien abre tu página, el navegador descarga el HTML, el CSS, el JavaScript y las imágenes, y después los une en pantalla. Cada archivo es una espera. Si hay muchos, o pesan demasiado, la espera se acumula hasta que el visitante pierde la paciencia.

El HTML llega tarde porque el servidor tarda en responder.
Las imágenes se cargan a tamaño completo cuando el visitante solo ve una parte.
Los scripts de analítica, chat y anuncios bloquean el pintado de la página.
El tema o los plugins cargan código que no hace falta en esa pantalla.

Lo que Google puntúa de verdad

Google no mide si tu web es bonita. Mide tres indicadores con nombre propio, y cada uno tiene un umbral publicado:

LCP (Largest Contentful Paint): cuánto tarda en verse el bloque principal — el titular, la foto grande, el vídeo. Objetivo: menos de 2,5 segundos.
INP (Interaction to Next Paint): cuánto tarda en responder cuando alguien toca un botón. Objetivo: menos de 200 milisegundos.
CLS (Cumulative Layout Shift): cuánto se mueve el contenido mientras se carga. Objetivo: cerca de cero.

Si esos tres números están mal, tu web aparece más abajo en los resultados y el visitante ni siquiera llega a verla.

Los tres cambios que más impacto tienen

1. Reducir el peso de las imágenes

Es lo más frecuente. Una foto de catálogo de varios megabytes se puede servir en cientos de kilobytes sin que se note en pantalla. Formato moderno, tamaño real de la caja y carga diferida de todo lo que queda fuera de vista.

html

<!-- Antes: 3.4 MB en la primera carga -->
<img src="catalogo-4k.jpg" />

<!-- Después: 150 KB, solo cuando entra en pantalla -->
<img
  src="catalogo-480.avif"
  loading="lazy"
  width="480"
  height="320"
/>

2. Retrasar lo que no hace falta al inicio

El chat, el mapa, los carruseles y los scripts de terceros pueden esperar. La regla es simple: si no ayuda a que el visitante entienda tu propuesta en los primeros segundos, no entra en la primera carga.

3. Caché y CDN

Guardar una copia cerca del visitante evita que cada visita repita todo el trabajo. Es la mejora con menos esfuerzo y el efecto más inmediato.

Dato práctico

Antes de tocar nada, mide. PageSpeed Insights te da los tres valores y una lista concreta de qué arreglar en tu página, sin instalar nada.

Cuánto te cuesta no hacerlo

No hace falta inventar cifras: piensa en tu propia conducta. Si una tienda tarda en cargar, vuelves atrás y pruebas la siguiente. Tu cliente hace lo mismo con la tuya. La velocidad no es un detalle de desarrollador: es la puerta de entrada de la venta.

La velocidad no se ve en el diseño. Se ve en el carrito de compras.