Tu Web Pierde Clientes: Qué Son los Core Web Vitals y Cómo Arreglarlos
Si tu sitio tarda más de 3 segundos en cargar, el 53% de los visitantes se va. Google lo sabe — y te penaliza por ello.
Desde 2021, Google utiliza los Core Web Vitals como factor de ranking. Esto significa que si tu sitio web es lento, se mueve mientras carga, o tarda en responder a clics, Google te baja de posición en los resultados de búsqueda.
Y no es solo Google. Amazon descubrió que por cada 100 milisegundos de retraso en su página, perdían 1% de ventas. Si Amazon con todo su poder pierde ventas por velocidad, imagina lo que le pasa a tu negocio.
¿Qué Son los Core Web Vitals?
Son 3 métricas que Google usa para medir la experiencia del usuario en tu sitio:
| Métrica | ¿Qué Mide? | Meta |
|---|---|---|
| LCP (Largest Contentful Paint) | Tiempo que tarda en verse el contenido principal | ≤ 2.5 segundos |
| INP (Interaction to Next Paint) | Tiempo de respuesta cuando el usuario hace clic o toca | ≤ 200 milisegundos |
| CLS (Cumulative Layout Shift) | Cuánto se "mueve" el contenido mientras carga la página | ≤ 0.1 |
Si las 3 métricas están en verde, tu sitio pasa la prueba de Google. Si alguna está en rojo, estás perdiendo posiciones.
Cómo Medir tus Core Web Vitals (Gratis)
No necesitas ser desarrollador. Estas herramientas son gratuitas y te dan un diagnóstico en segundos:
1. Google PageSpeed Insights
Visita pagespeed.web.dev, ingresa tu URL y en 30 segundos tienes un reporte completo. Te dice exactamente qué está mal y cómo arreglarlo. Es la herramienta oficial de Google.
2. Google Search Console
Si tienes Search Console configurado, ve a Experiencia → Core Web Vitals. Te muestra datos reales de usuarios que visitaron tu sitio, no simulaciones.
3. Lighthouse (en Chrome)
Abre tu sitio en Chrome → clic derecho → Inspeccionar → Lighthouse → Generate report. Te da una puntuación de 0 a 100 con recomendaciones específicas.
Las 5 Mejoras que Más Impactan
De los cientos de optimizaciones posibles, estas 5 resuelven el 80% de los problemas:
1. Optimizar Imágenes (impacto: 🔴 ALTO)
Las imágenes son la causa #1 de sitios lentos. La solución:
- Convierte a formato WebP (50-80% más ligero que JPEG)
- Define width y height en cada imagen (elimina CLS)
- Usa lazy loading:
loading="lazy"en imágenes debajo del fold - Comprime con herramientas como Squoosh.app o TinyPNG
2. Eliminar JavaScript que Bloquea el Renderizado (impacto: 🔴 ALTO)
Scripts que cargan en el <head> sin async o defer
bloquean la página completa. La solución:
- Agrega
asyncodefera scripts externos - Mueve scripts no esenciales al final del
<body> - Elimina scripts que ya no uses (analytics viejos, widgets abandonados)
3. Implementar Caché del Navegador (impacto: ⚠️ MEDIO)
Sin caché, cada vez que alguien visita tu sitio, descarga todos los archivos de nuevo. Con una política de caché correcta, las visitas repetidas cargan en menos de 1 segundo.
- Imágenes y fonts: 1 año (immutable, casi nunca cambian)
- CSS y JavaScript: 30 días
- HTML: 1 hora (para que los cambios de contenido se vean rápido)
4. Usar Preconnect y Preload (impacto: ⚠️ MEDIO)
Si tu sitio carga fonts de Google, iconos de un CDN o analytics, puedes decirle al navegador que empiece a conectarse antes de que los necesite:
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preload" href="tu-fuente.woff2" as="font">
Esto puede reducir el LCP entre 200-500 milisegundos.
5. Minificar CSS y JavaScript (impacto: 🟡 BAJO-MEDIO)
Minificar significa eliminar espacios, comentarios y código innecesario de tus archivos. Un archivo CSS de 100KB puede bajar a 60KB después de minificarlo.
- Herramientas: cssnano (CSS), Terser (JavaScript)
- Si usas Firebase Hosting o Vercel, la minificación puede ser automática
¿Cuánto Tarda en Verse el Impacto?
Google tarda entre 28 y 60 días en reflejar mejoras de Core Web Vitals en su ranking, porque usa datos reales acumulados de campo (CrUX report). Sin embargo, tus usuarios notarán la diferencia inmediatamente.
Antes y Después: Caso Real
| Métrica | Antes | Después |
|---|---|---|
| LCP | 4.8s ❌ | 1.9s ✅ |
| INP | 380ms ❌ | 120ms ✅ |
| CLS | 0.25 ❌ | 0.04 ✅ |
| PageSpeed Score | 38/100 | 94/100 |
| Tráfico orgánico | Base | +45% en 2 meses |
Las optimizaciones aplicadas: compresión de imágenes a WebP, implementación de caché escalonado, preload de fonts, y eliminación de 3 scripts innecesarios. Tiempo total de trabajo: 4 horas.
El Error Más Común
El error #1 que vemos en sitios de PyMEs mexicanas es usar plantillas de WordPress con 15+ plugins. Cada plugin agrega JavaScript, CSS y peticiones HTTP. Un sitio con 15 plugins puede hacer 80+ peticiones HTTP por cada visita.
La solución no es siempre quitar plugins — a veces la respuesta es rediseñar con código limpio desde cero. Un sitio hecho a medida puede lograr un score de 95+ con un código 10 veces más ligero que WordPress.
¿Tu sitio web es lento?
Hacemos auditorías de velocidad gratuitas. Te decimos exactamente qué está mal y cuánto cuesta arreglarlo.