Tu web tarda cinco segundos en cargar: esto es lo que te cuesta

La velocidad de una web no es una métrica de programadores: es dinero. Cada segundo que tarda en cargar, una parte de la gente que iba a comprarte se va. Este artículo pone cifras con fuente a esa pérdida, traduce las siglas al castellano y enumera las cinco causas que explican casi todas las webs lentas de pyme.

Las tres cifras vienen de estudios publicados, no de nuestra experiencia. Portent analizó millones de sesiones y encontró que cada segundo adicional de carga reduce la conversión un 4,42%, y que a los cinco segundos la conversión ya ha caído en torno a un 20% respecto a una página que carga en uno.

Google, por su parte, lleva años repitiendo que el 53% de los usuarios de móvil abandona una página que tarda más de tres segundos. Y el estudio Milliseconds Make Millions, de Google con Deloitte, midió el efecto contrario: una mejora de solo 0,1 segundos aumentó las conversiones un 8% en comercio y un 10% en viajes.

Y hay una segunda pérdida, menos visible: Google usa la velocidad como factor de posicionamiento. Una web lenta no solo convierte peor a quien llega, sino que hace que llegue menos gente.

Si has pasado tu web por PageSpeed te habrán salido tres siglas. Significan esto, sin rodeos:

LCP: cuándo se ve lo importante

Mide cuánto tarda en aparecer el elemento más grande de la pantalla, normalmente la foto o el titular de arriba. Es el momento en que el visitante piensa “vale, ya ha cargado”. Objetivo: menos de 2,5 segundos. Es la que más se incumple, y casi siempre por culpa de una imagen enorme.

INP: si responde cuando lo tocas

Mide el retraso entre que pulsas algo y la página reacciona. Es esa sensación de tocar un botón en el móvil y no saber si lo has pulsado. Objetivo: menos de 200 milisegundos. Suele empeorar cuando hay mucho código ejecutándose de fondo.

CLS: si las cosas se mueven mientras cargas

Mide cuánto salta el contenido durante la carga. Vas a pulsar un enlace, entra un banner arriba, todo baja de golpe y acabas pulsando otra cosa. Objetivo: menos de 0,1. Se arregla reservando el espacio de imágenes y anuncios antes de que carguen.

Cuando auditamos una web de pyme lenta, el problema está casi siempre en esta lista, y en este orden:

1. Imágenes sin optimizar

La causa número uno, con diferencia. Fotos de 4 MB subidas tal como salieron de la cámara o del móvil, que el navegador descarga enteras para mostrarlas en un recuadro de 400 píxeles. En un proyecto reciente, las fotos que nos pasó el cliente pesaban 127 MB en total; publicadas correctamente pesan 16.

2. Plugins acumulados

Cada plugin instalado añade su código a todas las páginas, aunque solo se use en una. El patrón habitual es el de la web con quince plugins de los que se usan cuatro, porque los otros once se probaron un día y nadie los desinstaló.

3. Tipografías cargadas desde fuera

Cuatro familias tipográficas con cinco grosores cada una son veinte archivos que descargar, muchas veces desde un servidor ajeno, antes de poder leer una palabra. Con una o dos fuentes bien elegidas y servidas desde tu propio dominio, esto desaparece.

4. Carruseles y deslizadores

Un carrusel de cinco imágenes en la portada obliga a cargar cinco fotos grandes para enseñar una. Además necesita su propia biblioteca de código y suele ser el principal responsable de que el contenido baile mientras carga. Y por si fuera poco, casi nadie pasa de la primera imagen.

5. Hosting compartido saturado

El alojamiento de 3 € al mes mete cientos de webs en la misma máquina. Cuando a una le sube el tráfico, las demás se arrastran. Se nota en el tiempo de respuesta del servidor: si pasa de medio segundo antes de empezar a mostrar nada, el problema es ese.

Estas cuatro no necesitan a nadie técnico y suelen dar el mayor salto:

• Redimensiona las fotos antes de subirlas. Ninguna imagen de una web necesita más de 1920 píxeles de lado mayor. Con cualquier herramienta gratuita en línea las conviertes en dos minutos.
• Conviértelas a JPEG o WebP. El PNG es para logotipos y capturas; para fotografía multiplica el peso sin que se note en pantalla.
• Desinstala los plugins que no uses. Desactivar no basta: hay que desinstalar. Haz copia de seguridad antes.
• Quita el carrusel de la portada y deja una sola imagen buena. Ganas velocidad y normalmente también conversión.

Lo que no vas a poder resolver por tu cuenta es lo estructural: un tema que carga código en todas las páginas, un hosting saturado o una arquitectura que obliga a montar cada página en el servidor a cada visita. Eso ya es rehacer o migrar, y conviene saberlo antes de invertir meses en parches.

Para no quedarnos en la teoría, estas son las cifras de una web que hicimos y que puedes comprobar tú mismo entrando en pedreiraestudio.com. Están medidas con herramientas automáticas sobre la web publicada, no estimadas:

Es una web de arquitectura, es decir, el peor escenario posible para el rendimiento: vive de enseñar fotografías grandes. La diferencia no está en ninguna tecnología mágica, sino en tres decisiones aburridas: comprimir las imágenes, cargarlas solo cuando se acercan a la pantalla y no instalar nada que no se use.

El orden que recomendamos, de más a menos rentable por hora invertida:

• Mide primero. Sin una medición inicial no vas a saber si lo que haces sirve de algo.
• Arregla las imágenes. Es el 80% del problema en la mayoría de webs de pyme.
• Limpia lo que no uses: plugins, tipografías, scripts de servicios que ya no tienes.
• Revisa el hosting. Si el servidor tarda más de medio segundo en responder, cambiar de plan da un salto inmediato.
• Si tras todo eso sigue lenta, el problema es la base y toca plantearse rehacerla.

Puedes hacer la primera medición ahora mismo con nuestro analizador: te da velocidad, SEO técnico y accesibilidad, con los puntos concretos que fallan en tu caso. Es gratis y no pide registro.