Lo esencial en 30 segundos
- Las imágenes suponen entre el 60 y el 80% del peso de una página — ahí es donde el impacto es mayor
- Una CDN puede reducir el tiempo de carga entre un 30 y un 50% para los visitantes fuera de tu zona
- Cada script JavaScript de terceros (chat, analytics, píxel) añade de 100 a 500 ms de carga
- Los Core Web Vitals de Google afectan directamente a tu posición en los resultados desde 2021
El vínculo directo entre velocidad e ingresos
No es solo una cuestión técnica. La velocidad de una web tiene un impacto medible en tus conversiones:
- +1 segundo de carga = -7% de conversiones (Akamai)
- El 53% de los visitantes móviles abandonan si una página tarda más de 3 segundos en cargar (Google)
- Amazon estimó que cada 100 ms de latencia le cuesta un 1% de ingresos
Y desde 2021, Google incorpora los Core Web Vitals (la velocidad de carga real que perciben los usuarios) a sus criterios de posicionamiento. Una web lenta está doblemente penalizada: por los visitantes que se van y por Google, que la posiciona peor.
Optimización 1 — Comprime y convierte tus imágenes
Las imágenes suponen de media entre el 60 y el 80% del peso total de una página web. A menudo es ahí donde la ganancia es más espectacular.
Dos acciones concretas:
Convierte a WebP: este formato moderno produce imágenes de calidad equivalente a JPEG/PNG con un 25-35% menos de peso. La mayoría de los CMS modernos lo gestionan de forma nativa. Para WordPress, plugins como Imagify o ShortPixel convierten automáticamente.
Redimensiona antes de subir: subir una foto de 5000x4000px para mostrarla a 800px de ancho carga 6 veces más datos de los necesarios. Redimensiona tus imágenes a su tamaño real de visualización antes de publicarlas.
Objetivo: ninguna imagen por encima de 200 KB en tu web. Las imágenes hero (a pantalla completa) pueden llegar a 400 KB si es una foto de alta calidad.
Optimización 2 — La carga diferida (lazy loading)
El lazy loading consiste en cargar las imágenes solo cuando están a punto de entrar en el viewport del visitante — no todas de golpe al cargar la página.
En la práctica, un visitante que llega a tu home solo necesita las imágenes visibles sin hacer scroll. Las imágenes más abajo pueden esperar.
La implementación es simple con el atributo HTML nativo: loading="lazy" en tus etiquetas
Ganancia típica: una reducción del 40 al 60% del peso inicial que carga la página.
Optimización 3 — Reduce los scripts de terceros
Cada script externo que añades a tu web — Google Analytics, Meta Pixel, Hotjar, Intercom, un widget de chat, botones para compartir en redes — tiene un coste en rendimiento.
De media, un script de terceros añade de 100 a 500 ms de tiempo de carga. Si tienes 6 o 7, ya estás en 1 a 3 segundos de latencia solo por esas herramientas.
Acciones concretas:
- Audita tus scripts: ¿cuáles usas de verdad? Desactiva todo lo que no sirva
- Cárgalos de forma diferida con el atributo
deferoasyncen las etiquetas