Tiempo de lectura 4
Número de palabras 739
¿Qué son los Core Web Vitals?
Los Core Web Vitals (o Métricas Web Esenciales) son un conjunto de métricas definidas por Google para medir aspectos clave de la experiencia del usuario en una página web. Se centran en tres áreas fundamentales: velocidad de carga, interactividad y estabilidad visual. Desde que Google los incorporó como señales de posicionamiento, ignorarlos significa arriesgarte a perder rankings frente a competidores con mejor rendimiento técnico.
Un dato que lo resume todo: un sitio que pasa de puntuaciones "deficientes" a "buenas" en Core Web Vitals experimenta un 24% menos de tasa de abandono, según datos de Google.
Las 3 métricas que debes conocer
⚡ LCP — Largest Contentful Paint (Velocidad de carga)
El LCP mide el tiempo que tarda en renderizarse el elemento de contenido más grande visible en pantalla sin necesidad de hacer scroll: normalmente la imagen hero, el bloque H1 o un vídeo. En esencia, responde a la pregunta: "¿Cuándo ve el usuario algo útil?"
| Resultado | Valor |
|---|---|
| ✅ Bueno | ≤ 2,5 segundos |
| ⚠️ Necesita mejora | 2,5 – 4 segundos |
| ❌ Deficiente | > 4 segundos |
Causas comunes de un LCP alto: imágenes sin optimizar, CSS y JavaScript bloqueantes, hosting lento o ausencia de CDN.
🖱️ FID — First Input Delay (Interactividad)
El FID mide el tiempo que transcurre desde que el usuario realiza su primera acción (un clic, un tap) hasta que el navegador responde. Refleja si tu página "reacciona" o se queda congelada mientras carga scripts pesados en segundo plano.
| Resultado | Valor |
|---|---|
| ✅ Bueno | < 100 ms |
| ⚠️ Necesita mejora | 100 – 300 ms |
| ❌ Deficiente | > 300 ms |
⚠️ Importante para 2026: Google reemplazó oficialmente el FID por INP (Interaction to Next Paint) como métrica principal de interactividad. INP es más exigente: mide todas las interacciones del usuario, no solo la primera, y su umbral bueno es < 200 ms.
📐 CLS — Cumulative Layout Shift (Estabilidad visual)
El CLS mide cuánto "salta" o se desplaza el contenido de forma inesperada mientras la página carga. Seguro que alguna vez has ido a pulsar un botón y, en el último segundo, un anuncio ha empujado el contenido y has clicado en lo que no querías. Eso es un CLS alto.
| Resultado | Valor |
|---|---|
| ✅ Bueno | < 0,1 |
| ⚠️ Necesita mejora | 0,1 – 0,25 |
| ❌ Deficiente | > 0,25 |
Causas comunes: imágenes sin dimensiones definidas, anuncios que aparecen de repente, fuentes web que provocan reflow de texto.
Cómo medir tus Core Web Vitals
Google proporciona varias herramientas oficiales y gratuitas:
-
Google Search Console → Informe "Core Web Vitals": muestra datos reales del 75% de tus usuarios en los últimos 28 días
-
PageSpeed Insights (pagespeed.web.dev): análisis por URL con datos de campo y laboratorio
-
Chrome DevTools → pestaña Performance/Lighthouse
-
Web Vitals Chrome Extension: métricas en tiempo real mientras navegas tu web
Cómo mejorar cada métrica
Mejorar el LCP
-
Usa formatos de imagen modernos: WebP o AVIF
-
Añade
fetchpriority="high"a tu imagen principal para que el navegador la priorice -
Activa un CDN (Cloudflare tiene plan gratuito y reduce la latencia un 30–50%)
-
Elimina CSS y JavaScript que bloqueen el renderizado
-
Usa lazy loading solo en imágenes fuera del viewport, nunca en la imagen LCP
Mejorar el FID / INP
-
Divide tareas largas de JavaScript en bloques más pequeños con la Long Tasks API
-
Carga los scripts pesados de terceros (chats, analytics, anuncios) de forma diferida
-
Si usas WordPress, desactiva plugins que inyecten JS en páginas donde no son necesarios con herramientas como Asset CleanUp
-
Revisa los datos reales de INP en Search Console para identificar qué página o interacción es el cuello de botella
Mejorar el CLS
-
Define siempre atributos
widthyheighten todas tus imágenes y vídeos en el HTML -
Reserva espacio para slots de anuncios aunque estén vacíos
-
Usa
font-display: swapen tus fuentes personalizadas (Google Fonts incluido) para que el texto aparezca primero con una fuente de sistema -
Precarga las fuentes web críticas con
<link rel="preload">
Plan de acción en 3 pasos
-
Audita tu web ahora mismo: ve a pagespeed.web.dev y analiza tu homepage; identifica qué métrica está en rojo
-
Prioriza por impacto: ataca primero la métrica más deficiente — normalmente LCP se mejora optimizando la imagen hero y activando un CDN gratuito
-
Monitoriza mensualmente: revisa el informe de Core Web Vitals en Search Console una vez al mes y documenta la mejora correlacionándola con tu tasa de rebote y conversión
El impacto real en tu SEO
Los Core Web Vitals son un factor de ranking oficial de Google desde 2021 y se han ido reforzando con cada actualización del algoritmo.
En 2026, con INP consolidado como métrica de interactividad, el estándar es más exigente que nunca. No se trata únicamente de gustarle a Google: un sitio rápido, estable y reactivo convierte mejor, retiene más usuarios y genera más confianza.
Mejorar tus Core Web Vitals es, en esencia, mejorar tu negocio online.
💡 Consejo: Si tu sitio está en WordPress, usa una combinación de hosting gestionado de calidad + plugin de caché (LiteSpeed Cache o WP Rocket) + Cloudflare CDN gratuito. Esos tres cambios, bien configurados, pueden llevarte al verde en las tres métricas en menos de una tarde de trabajo.
