¿Qué son los Core Web Vitals?
Los Core Web Vitals (CWV) son un conjunto de métricas definidas por Google para medir la experiencia de usuario en una página web. Desde 2021 son un factor de ranking oficial, lo que significa que afectan directamente a tu posición en los resultados de búsqueda.
Las tres métricas actuales son: LCP (Largest Contentful Paint), INP (Interaction to Next Paint) y CLS (Cumulative Layout Shift). Google actualiza estas métricas periódicamente: en 2024 sustituyó FID por INP, que es más representativo de la interactividad real.
Las tres métricas clave
LCP — Largest Contentful Paint
Mide el tiempo que tarda en renderizarse el elemento más grande visible en la pantalla (normalmente una imagen o un bloque de texto grande). Umbral: < 2,5 segundos = bueno; 2,5-4s = mejorable; > 4s = malo.
Principales causas de LCP lento: imágenes sin optimizar, servidor lento (TTFB alto), JavaScript que bloquea el renderizado, fuentes de carga tardía.
INP — Interaction to Next Paint
Mide la latencia de todas las interacciones del usuario con la página (clics, pulsaciones de teclado, taps) durante toda la sesión. Umbral: < 200ms = bueno; 200-500ms = mejorable; > 500ms = malo.
Causas de INP alto: JavaScript de larga ejecución, tareas largas en el hilo principal, renders innecesarios en frameworks JS.
CLS — Cumulative Layout Shift
Mide la estabilidad visual de la página: cuánto se desplazan los elementos mientras carga. Un botón que se mueve justo cuando vas a pulsarlo es un CLS alto. Umbral: < 0,1 = bueno; 0,1-0,25 = mejorable; > 0,25 = malo.
Causas de CLS alto: imágenes sin dimensiones definidas, anuncios de tamaño dinámico, fuentes que cambian el layout al cargar (FOIT/FOUT).
Cómo medir los Core Web Vitals
Google ofrece varias herramientas gratuitas:
- Google Search Console: informe de Core Web Vitals con datos reales de campo (CrUX).
- PageSpeed Insights: análisis de laboratorio y campo para cualquier URL.
- Chrome DevTools: análisis técnico profundo en tiempo real.
- Web Vitals Extension: extensión de Chrome para medir en tiempo real.
Importante: los datos de campo (real users) pesan más en el ranking que los datos de laboratorio (simulación). Prioriza siempre mejorar el informe de Search Console.
Cómo mejorar el LCP
- Optimiza las imágenes: formato WebP o AVIF, compresión sin pérdida notable, tamaño apropiado.
- Implementa
loading="eager"yfetchpriority="high"en la imagen hero. - Mejora el TTFB del servidor: CDN, caché de servidor, hosting de calidad.
- Elimina el render-blocking CSS y JS: carga deferida de scripts no críticos.
- Preconecta a orígenes externos:
<link rel="preconnect">para Google Fonts y CDNs.
Cómo mejorar el INP
- Divide las tareas largas de JavaScript en chunks más pequeños.
- Usa
scheduler.postTask()osetTimeout()para diferir tareas no críticas. - Reduce el JavaScript de terceros: analytics, chat widgets, ad scripts.
- Optimiza los event handlers: evita operaciones costosas en clics y keystrokes.
Cómo mejorar el CLS
- Define siempre width y height en imágenes y vídeos:
<img width="800" height="600"> - Reserva espacio para anuncios y embeds dinámicos con CSS
min-height. - Usa
font-display: optionalo preloading de fuentes para evitar FOIT. - Evita insertar contenido sobre el existente (banners de cookies, popups que empujan contenido).
Core Web Vitals en WordPress
Para sitios WordPress, las mejoras más impactantes son: usar un plugin de caché (WP Rocket, LiteSpeed Cache), CDN (Cloudflare), tema ligero (GeneratePress, Kadence), lazy loading nativo y optimización de imágenes (ShortPixel, Imagify). Plugins pesados como ciertos page builders pueden afectar gravemente al INP.
En Bikain Studio realizamos auditorías técnicas SEO que incluyen análisis detallado de Core Web Vitals y plan de optimización priorizado. Si tu web puntúa mal en PageSpeed, contacta con nuestro equipo.
