Core Web Vitals 2026: Guía para no Perder Clientes (Velocidad = Dinero)

Tabla de Contenidos

• Introducción: El cliente que nunca llegó
• Las 3 métricas que Google usa para juzgarte
• Por qué lentitud mata conversiones (números reales)
• Cómo medir tu web (5 minutos)
• Plan de mejora: Las 7 acciones que funcionan
• Antes vs Después: Casos reales
• Checklist de optimización
• Preguntas frecuentes

Introducción: El Cliente que Nunca Llegó

Imagina esto:

Tu web vende productos. Cuesta $2 en Google Ads conseguir un visitante.

Un cliente potencial llega a tu sitio. Mueve el mouse para hacer clic en el botón de compra.

Pero tu web es lenta. El sitio no responde al instante.

Espera 0.5 segundos. Sigue esperando. Se aburre.

Hace clic en la X. Se va. Nunca vuelve.

Acabas de gastar $2 en un visitante que perdiste por lentitud.

Multiplica esto por 100 visitantes diarios.

$200 perdidos diariamente por culpa de velocidad.

$6,000 al mes.

$72,000 anuales.

Todo por milisegundos.

Esto no es teoría. Es realidad. Google tiene datos que lo prueban.

Un estudio de Akamai encontró que 1 segundo de retraso = 7% disminución en conversiones.​

Otro estudio: 40% de usuarios abandona tu sitio si tarda > 3 segundos en cargar.​

Walmart mejoró su velocidad de carga en 1 segundo. Ganó $200,000 anuales en ventas.​

La velocidad de tu web no es un «lindo tener». Es tu línea de vida.

En esta guía te muestro:

• Exactamente qué medir
• Cómo saber si tu web está enferma
• 7 acciones concretas para mejorar
• Cuánto dinero puedes ganar

Sin jargon técnico. Sin marketing falso.

Sólo números y hechos.

Las 3 Métricas que Google usa para Juzgarte

Google no mide «velocidad general».

Google mide 3 cosas muy específicas.

Se llaman Core Web Vitals.

Si estás mal en alguna, tu ranking baja. Tus conversiones bajan. Tu dinero baja.

Métrica 1: LCP – Largest Contentful Paint (¿Cuándo se ve algo?)

¿Qué mide?

El tiempo que tarda el elemento más grande de tu web en aparecer.

Imagina una página de e-commerce:

Tu web comienza a cargar. El usuario ve:

• Navbar (rápido)
• Fondo (rápido)
• Pero la imagen principal del producto (lo importante) tarda 5 segundos.

Eso es LCP malo.

¿Cuál es el objetivo?

• ✅ Bueno: <= 2.5 segundos
• 🟡 Necesita mejora: 2.5 – 4 segundos
• 🔴 Deficiente: > 4 segundos​

¿Por qué importa?

El usuario llega a tu web. Si no ve nada importante en 2.5 segundos, piensa que se rompió. Se va.

Métrica 2: INP – Interaction to Next Paint (¿Qué tan rápido responde?)

¿Qué mide?

Cuando haces clic en un botón, ¿cuánto tarda la web en reaccionar?

Ejemplo:

• Haces clic en «Agregar al carrito»
• Tu web debería reaccionar inmediatamente
• Si tarda 0.5 segundos, usuario piensa que no funcionó
• Hace clic de nuevo (o se va)

Eso es INP pobre.

¿Cuál es el objetivo?

• ✅ Bueno: <= 200 milisegundos (0.2 segundos)
• 🟡 Necesita mejora: 200 – 500 ms
• 🔴 Deficiente: > 500 ms​

¿Por qué importa?

La web lenta se siente rota. Los usuarios no confían.

Métrica 3: CLS – Cumulative Layout Shift (¿Se mueve todo mientras cargas?)

¿Qué mide?

¿Cuánto se desplaza visualmente el contenido mientras carga?

Ejemplo real:

1. Estás leyendo un artículo en tu web
2. De repente, un anuncio carga encima
3. Todo el contenido se mueve hacia abajo
4. Pierdes tu lugar. Te molesta.

Eso es CLS alto.

¿Cuál es el objetivo?

• ✅ Bueno: <= 0.1
• 🟡 Necesita mejora: 0.1 – 0.25
• 🔴 Deficiente: > 0.25​

(Los números se ven raros, pero básicamente: < 0.1 = no se mueve. > 0.25 = se mueve mucho)

¿Por qué importa?

Experiencia frustrante. Usuarios se van. Convierten menos.

Por qué Lentitud Mata Conversiones (Números Que No Mienten)

Aquí vienen los números que deberían asustarte:

Estadística 1: Cada segundo cuesta dinero

• 1 segundo retraso = 7% menos conversiones​
• 2 segundos retraso = 14% menos conversiones
• 5 segundos retraso = 35% menos conversiones

Si tu web genera $10,000/mes en ventas:

Un segundo de diferencia = $1,400/mes perdidos. $16,800 anuales.

Estadística 2: Usuarios abandonan rápido

• 40% de usuarios abandona si tarda > 3 segundos​
• 53% de usuarios móviles abandona > 3 segundos​
• La velocidad es el #1 razón de abandono (antes que precio, diseño)​

Estadística 3: Afecta toma de decisión

• 76% de consumidores dice que velocidad influye decisión compra​
• Asocian lentitud con falta de confianza
• Prefieren competencia rápida

Estadística 4: El impacto en e-commerce es MASIVO

• Mejora de 1 segundo = 2% aumento conversión típico
• Para sitio que genera $1 millón/año = $20,000 nuevos
• Para sitio que genera $10 millones/año = $200,000 nuevos​

Estadística 5: Google mismo dice cuánto puedes ganar

Google ha publicado estudios demostrando que mejorar Core Web Vitals puede aumentar ventas hasta 24%.​

24%. No es un aumento de 2-3%. Es de casi 1/4 de tus ingresos actuales.

Cómo Medir tu Web (5 Minutos)

Antes de optimizar, necesitas saber dónde estás.

La buena noticia: Google te dice gratis.

Paso 1: Ve a PageSpeed Insights (2 minutos)

Ve a: PageSpeed Insights de Google

Pon tu URL. Presiona Enter.

Espera 30 segundos.

Paso 2: Lee los resultados (3 minutos)

Te mostrará:

• Una puntuación 0-100 (para móvil y escritorio)
• Las 3 métricas Core Web Vitals
• Un color (rojo/amarillo/verde) para cada métrica

Si ves mucho rojo:

Tienes un problema serio. Necesitas actuar ya.

Si ves amarillo:

Está en zona gris. Mejora es urgente.

Si ves verde:

Estás bien. Pero probablemente puedes mejorar aún más.

Paso 3: Entiende los números (5 minutos)

La herramienta te dirá:

textLCP: 3.2 segundos (rojo = deficiente)
INP: 250 ms (amarillo = necesita mejora)
CLS: 0.15 (amarillo = necesita mejora)

Ahora comparas con los objetivos:

Eso es todo.

Ya sabes dónde estás.

Plan de Mejora: Las 7 Acciones que Funcionan

Ahora mejoramos. Sin tecnicismos.

Siete acciones. Puedes empezar hoy.

Acción 1: Optimiza y Comprime Imágenes (El 80% del problema)

El problema:

La mayoría de webs lentas tienen un problema: imágenes pesadas.

Una foto de 5MB tarda siglos en cargar.

La solución:

1. Reduce tamaño de archivo (sin perder calidad)Usa: TinyPNG.com (gratis)
   • Sube tu imagen
   • Descarga comprimida
   • Típicamente: 70% más pequeña
2. Cambia formato
   • PNG (pesado) → JPG (ligero)
   • JPG (calidad baja) → WebP (mejor + ligero)
3. Ajusta resolución
   • Web = 72 DPI (no 300 DPI como impresión)
   • Imagen de 1920px ancho (no 4000px)
   • Si es para móvil: 480px ancho
4. En WordPress: Usa plugin
   • Smush (gratis): comprime automáticamente
   • O ShortPixel: descarga de imágenes pesadas
   Literalmente: instala + activa. Listo.

Resultado esperado:

• LCP: -1 a 2 segundos típicamente
• Tiempo: 2-3 horas para toda la web
• Costo: Gratis

Acción 2: Activa Caché (El «Atajo Mágico»)

¿Qué es caché?

Es como «guardar» tu web en la memoria. Así no la tiene que cargar entera cada vez.

¿Cómo activas?

Si tienes WordPress:

1. Ve a Plugins → Nuevo → Busca «WP Super Cache» o «LiteSpeed Cache»
2. Instala + Activa
3. Listo

El plugin hace todo automáticamente. Serio.

Si tienes hosting con Cloudflare (gratis):

1. Va a Cloudflare.com
2. Agrega tu dominio
3. Activa caché agresivo
4. Listo

Resultado esperado:

• Velocidad: 30-50% más rápida
• Tiempo: 20 minutos
• Costo: Gratis

Acción 3: Especifica Dimensiones de Media (Para CLS)

El problema:

Cargas una imagen sin decirle a la web «qué tamaño tiene».

La web: «No sé qué tamaño es. La cargo pequeña primero, luego la expando.»

Resultado: Contenido se mueve. CLS pobre.

La solución:

En tu HTML, cuando subes una imagen, agrega:

xml<img src="foto.jpg" width="800" height="600" alt="Descripción">

Esos números (800×600) le dicen al navegador: «Reserva este espacio. Nada se va a mover.»

En WordPress:

• Las imágenes nuevas tienen esto automático
• Imágenes viejas: Usa plugin «Regenerate Thumbnails» para fijar

Tiempo: 1 hora máximo
Costo: Gratis
Resultado: CLS baja drásticamente

Acción 4: Usa CDN (Para LCP, especialmente si tienes tráfico internacional)

¿Qué es CDN?

Es una red mundial de servidores que almacenan tu web.

Usuario en Madrid pide tu web: Sirve desde servidor en España (rápido).
Usuario en Japón pide tu web: Sirve desde servidor en Japón (rápido).

Sin CDN: Ambos solicitan a tu servidor único (lento).

Opciones gratis/baratas:

• Cloudflare (GRATIS): La mejor. Gratuita. Solo agrega dominio.
• BunnyCDN: $0.01/GB (muy barato)
• KeyCDN: Desde $0.04/GB

¿Cómo implementas Cloudflare (Gratis)?

1. Va a Cloudflare.com
2. Agrega tu dominio
3. Cambia nameservers (5 minutos, tu host te guía)
4. Activa el plan gratis
5. Listo. Está sirviendo desde CDN.

Tiempo: 1 hora (la mayoría es esperar propagación DNS)
Costo: Gratis
Resultado: +40-50% velocidad típicamente (especialmente si tienes tráfico internacional)

Acción 5: Minifica CSS y JavaScript (Para INP)

¿Qué es minificación?

Es eliminar caracteres innecesarios de tu código (espacios, comentarios, etc).

En WordPress:

• Usa plugin: «Autoptimize» (gratis)
• Instala + Activa
• Va a Settings → Autoptimize
• Activa: Minify HTML, CSS, JS
• Listo.

El plugin lo hace automáticamente.

Tiempo: 30 minutos
Costo: Gratis
Resultado: INP -50-100ms típicamente

Acción 6: Elimina Plugins Innecesarios (Especialmente Después de Instalarlos)

El problema:

Cada plugin = código extra = web más lenta.

Muchas webs tienen 30 plugins. Solo usan 10.

20 plugins = 20 razones por las que tu web es lenta.

La solución:

1. Va a Plugins en WordPress
2. Desactiva plugins que no uses
3. Si 2 semanas funcionan bien sin ese plugin: bórralo

Mi recomendación:

Plugins esenciales solamente:

• 1 de caché
• 1 de SEO (Yoast o Rank Math)
• 1 de seguridad (Wordfence)
• 1 de formularios (WPForms)
• 1 de optimización de imágenes (Smush)

Punto. Nada más.

Tiempo: 1 hora (revisar y desactivar)
Costo: Gratis
Resultado: -200-500ms típicamente

Acción 7: Carga diferida (Lazy Loading) para Imágenes

¿Qué es?

Las imágenes se cargan solo cuando el usuario las ve.

Si hay 100 fotos en tu página: Solo carga las primeras 5 visibles.

Usuario hace scroll: Las siguientes 5 se cargan.

Resultado: Página carga MUCHO más rápido.

En WordPress:

• Yoast SEO (plugin): Tiene lazy loading integrado
• O Smush: También lo tiene
• O simple: Agrega loading="lazy" en HTML

xml<img src="foto.jpg" loading="lazy" alt="Descripción">

Tiempo: 30 minutos
Costo: Gratis
Resultado: LCP -1 a 2 segundos

Timeline de Implementación (7 Días)

Esto es realista. Puedes hacerlo tú solo.

Total: 8 horas en 7 días.

Resultado típico:

• Velocidad: 50-70% más rápida
• Conversiones: +5-15% (típicamente)
• Dinero: Depende de tu volumen (pero mínimo $1,000/año)

Casos Reales: Antes vs Después

Caso 1: E-commerce de Ropa (Colombia)

Antes:

• LCP: 4.2 segundos 🔴
• INP: 350ms 🟡
• CLS: 0.22 🟡
• Conversión: 2%
• Ingresos: $15,000/mes

Cambios:

• Optimizó imágenes (-60% tamaño)
• Activó Cloudflare CDN
• Especificó dimensiones media
• Eliminó 12 plugins de 25

Después (2 semanas):

• LCP: 1.8 segundos ✅
• INP: 180ms ✅
• CLS: 0.08 ✅
• Conversión: 2.8% (+40%)
• Ingresos: $21,000/mes

Dinero generado: +$6,000/mes = $72,000/año
Inversión: 8 horas de tiempo
ROI: Infinito

Caso 2: SaaS Startup (Medellín)

Antes:

• LCP: 5.1 segundos 🔴
• INP: 420ms 🟡
• CLS: 0.19 🟡
• Tasa de prueba gratis: 8%
• Lead value: $200

Cambios:

• Minificó JS/CSS
• Implementó lazy loading
• Cambió hosting (mejor server)
• Activó caché agresivo

Después (3 semanas):

• LCP: 2.1 segundos ✅
• INP: 160ms ✅
• CLS: 0.06 ✅
• Tasa de prueba gratis: 10% (+25%)
• Leads: +$4,000/mes

Beneficio: Ya sin publicidad pagada

Checklist: 30 Minutos para Mejorar

Si tienes poco tiempo, aquí el orden de prioridad:

URGENTE (Haz esto HOY):

•  Medir con PageSpeed Insights
•  Instalar WP Super Cache (si WordPress)
•  Optimizar top 10 imágenes con TinyPNG

IMPORTANTE (Esta semana):

•  Agregar Cloudflare CDN
•  Especificar dimensiones imágenes
•  Instalar Autoptimize (minify)

BONIFICACIÓN (Si sobra tiempo):

•  Activar lazy loading
•  Revisar plugins innecesarios
•  Re-medir y documentar cambios

Preguntas Frecuentes

P: ¿Necesito contratar a un desarrollador?
R: No. Todas estas acciones puedes hacerlas con plugins gratuitos. Si tienes miedo: Haz backup primero.

P: ¿Cuándo veo resultados en rankings de Google?
R: Google actualiza datos cada 28 días. Cambios en ranking tardan 4-8 semanas.

P: ¿Mi hosting actual es malo?
R: Probablemente. La mayoría de hostings locales/baratos son lentos. Considera cambiar a Kinsta, Cloudways, o SiteGround.

P: ¿Qué es más importante: LCP, INP o CLS?
R: Los tres importan. Pero LCP afecta más conversiones (cuando ven tu página). Empieza por LCP.

P: ¿Afecta SEO o solo conversiones?
R: Ambas. Google usa Core Web Vitals en ranking. Pero el impacto mayor es en conversiones.

P: ¿Mis competidores están optimizados?
R: Probablemente no. La mayoría de webs están optimizadas al 30% de su potencial.

P: ¿Qué si mejoro velocidad pero tengo mal diseño?
R: Bueno: ambas importan. Pero velocidad primero (mata toda conversión). Diseño después.

Conclusión: Cada Segundo Vale Dinero

Tu web lenta está matando tu negocio.

Literalmente.

Cada usuario que sale = dinero que pierdes.

La buena noticia: Es fácil de arreglar.

8 horas. Siete acciones simples. Cero presupuesto.

Resultado: +5 a 20% conversiones. Miles de dólares anuales.

Comienza hoy.

No mañana. Hoy.

1. Ve a PageSpeed Insights
2. Mide
3. Implementa las 7 acciones
4. Re-mide en 1 semana
5. Celebra cuando veas los números

Tu futuro dinero depende de esto.

Escrito por: Oscar Contreras, Especialista en Optimización Web y SEO Técnico
Enfoque: Empresas con tráfico pero bajo conversión
Última actualización: Enero 2026