El 53% de los usuarios abandona una web si tarda más de 3 segundos en cargar. No es una opinión, es un dato de Google. Y cada segundo extra de espera reduce tu conversión un 7%.
El rendimiento es rentabilidad
Tu web no es solo una tarjeta de visita digital. Es tu vendedor 24/7. Y si ese vendedor tarda 5 segundos en abrir la puerta, la mitad de tus clientes potenciales ya se han ido a la competencia.
¿Qué dice Google?
Google mide la experiencia de usuario con los Core Web Vitals, tres métricas que afectan directamente a tu posicionamiento:
- LCP (Largest Contentful Paint): El tiempo que tarda en cargar el elemento más grande visible. Objetivo: < 2.5s.
- INP (Interaction to Next Paint): La rapidez con la que tu web responde a clics. Objetivo: < 200ms.
- CLS (Cumulative Layout Shift): Si los elementos "saltan" mientras carga. Objetivo: < 0.1.
Si fallas en cualquiera de estas tres, Google te baja en los resultados. Menos visibilidad, menos tráfico, menos clientes.
Las 5 causas más comunes de una web lenta
1. Imágenes sin optimizar
Una foto de 5MB subida directa desde la cámara es el asesino #1 del rendimiento. Solución:
- Usa WebP o AVIF en vez de JPG/PNG.
- Define
widthyheighten el HTML para evitar CLS. - Implementa lazy loading para imágenes fuera de la vista.
2. JavaScript innecesario
Cada script que carga tu web consume tiempo y datos. Un slider animado, un chat widget, tres analytics... se acumula.
- Elimina plugins que no usas.
- Carga scripts de terceros con
asyncodefer. - Considera si realmente necesitas un framework de 300KB para una landing.
3. Sin caché ni CDN
Si cada visitante descarga todo desde tu servidor en Madrid, un usuario en Barcelona ya nota la latencia. Y uno en Latinoamérica, directamente se va.
- Configura caché de navegador con headers adecuados.
- Usa un CDN (Cloudflare, Vercel) para servir estáticos desde el nodo más cercano.
4. Hosting lento
Un hosting compartido de 3€/mes tiene sus límites. Si tu servidor tarda 2 segundos en generar la página, ya has perdido antes de empezar.
- Para webs estáticas: Vercel, Netlify o Cloudflare Pages son gratis y rápidos.
- Para webs dinámicas: un VPS con SSD y servidor Node.
5. CSS y HTML hinchados
Frameworks CSS completos (Bootstrap, Tailwind sin purgar) añaden decenas de KB que no necesitas. Templates de WordPress con 40 archivos CSS tampoco ayudan.
- Purga el CSS no usado.
- Usa critical CSS inline para el contenido above-the-fold.
- Minifica todo en producción.
Cómo medirlo
Antes de arreglar, mide. Estas herramientas son gratuitas:
- PageSpeed Insights — Puntuación móvil y desktop con recomendaciones concretas.
- Lighthouse (en Chrome DevTools) — Auditoría completa de rendimiento, accesibilidad y SEO.
- Search Console — Mira el informe de Core Web Vitals con datos reales de tus usuarios.
El impacto real
Un cliente mío pasó de un LCP de 6.2s a 1.4s. Resultado:
- +34% de tiempo en página
- +22% de formularios enviados
- +18% de tasa de conversión
Y no cambió el diseño, ni el copy, ni el producto. Solo optimizó el rendimiento.
Tu plan de acción
- Mide tu web con PageSpeed Insights ahora mismo.
- Identifica las 3 métricas más lentas.
- Aplica las correcciones de esta guía.
- Vuelve a medir en una semana.
Si quieres que lo haga yo, reserva una llamada gratis y te digo exactamente qué está frenando tu web y cómo solucionarlo.