¿Qué son los Core Web Vitals y cómo afectan a tu SEO y conversión?
Definición clara de LCP, INP y CLS, umbrales que Google considera buenos, cómo medirlos en datos reales (CrUX) y los errores típicos que ralentizan sitios de pymes.
Actualizado mayo 2026
Core Web Vitals: las métricas que Google usa para puntuar la experiencia de tu web.
Los Core Web Vitals son un conjunto de tres métricas estandarizadas por Google para medir la experiencia real de carga e interactividad de una página web. Forman parte de las "Page Experience signals" que Google considera para rankear desde 2021. Son: LCP (Largest Contentful Paint), INP (Interaction to Next Paint) y CLS (Cumulative Layout Shift).
LCP mide el tiempo desde que el usuario abre la página hasta que se ve el elemento principal cargado (típicamente la imagen hero o el bloque de texto más grande). Umbrales: bueno ≤2,5s, mejorable 2,5-4s, malo >4s. INP (que sustituyó a FID en marzo 2024) mide el tiempo de respuesta a interacciones del usuario (clic, tap, tecla). Umbrales: bueno ≤200ms, mejorable 200-500ms, malo >500ms. CLS mide cuánto se mueven los elementos durante la carga (un anuncio que aparece y empuja el contenido). Umbrales: bueno ≤0,1, mejorable 0,1-0,25, malo >0,25.
Google considera que una página "pasa" los Core Web Vitals si el 75% de las visitas reales a la URL están dentro del umbral "bueno" de las tres métricas. Esos datos vienen de CrUX (Chrome User Experience Report), no de lo que mide PageSpeed Insights en su test sintético — la realidad de los usuarios puede diferir bastante del lab data.
En una pyme española, los Core Web Vitals importan por dos razones: (1) SEO, son un factor de ranking aunque no el más importante; (2) conversión, una página lenta o que salta visualmente pierde usuarios independientemente de Google. Estudios de Google sobre el impacto en negocio: cada 1s extra de LCP reduce conversión 7%, sites que mejoraron CWV vieron entre 10% y 25% más conversión.
Seis cosas que debes saber de los Core Web Vitals
Cómo se miden, qué los degrada y qué los mejora en webs de pymes.
LCP: la imagen hero pesa demasiado
Causa #1 de mal LCP: imagen del hero sin optimizar (JPG 2MB sin compresión). Solución: WebP/AVIF, dimensiones correctas, preload del LCP candidate. Mejora típica: de 4s a 1,5s sin tocar contenido.
LCP: fuentes web bloqueantes
Fuentes Google Fonts cargadas síncronamente bloquean render. Solución: font-display:swap, preconnect a fonts.gstatic.com, subset de glifos. O fuentes self-hosted con preload. Mejora de LCP de 300-600ms común.
INP: JavaScript pesado en interacción
INP empeora cuando hay JS que bloquea el main thread al clicar. Causas comunes: analytics mal cargado, scripts de terceros (chats, marketing), bundles enormes sin code-splitting. Solución: lazy load, defer, partytown, code splitting.
INP: hidratación React lenta
Sites con framework SSR (Next.js, Remix) pueden tener INP alto durante hidratación si el bundle es grande. Mejoras: React Server Components, código en cliente solo donde imprescindible, Suspense streaming.
CLS: imágenes sin width/height
Imagen sin dimensiones declaradas reserva 0 px → cuando carga, empuja el contenido → CLS alto. Solución: width y height en HTML, o aspect-ratio CSS. En Next.js, componente Image lo hace por defecto.
CLS: anuncios y banners insertados tarde
Banner de cookies, A/B test que aparece tras 1s, anuncio de AdSense — cada inserción tardía mueve el layout y dispara CLS. Solución: reservar espacio, mostrar skeleton mientras carga, evitar inserciones above the fold.
Cinco errores típicos que destrozan los Core Web Vitals
Optimizar solo lab data, no datos reales
PageSpeed Insights muestra dos cosas: <strong>lab data</strong> (test sintético) y <strong>field data</strong> (datos reales CrUX). Google usa el segundo. Optimizar para que el sintético dé 90+ y olvidarse del real es engañarse — los usuarios reales pueden ver mucho peor experiencia.
Cargar tracking y chats sin diferir
Google Tag Manager, HubSpot, Intercom, Crisp — si se cargan síncronamente en el head, bloquean render y suben INP. Cargar con defer/async, o vía Partytown que los mueve a un web worker.
Imágenes sin formato moderno
JPG/PNG en 2026 = peso 2-4x mayor que WebP/AVIF a misma calidad. Convertir todo el media library a WebP es la mejora más rentable que existe para LCP. Herramientas: Squoosh, Cloudinary, ImageOptim.
CSS y JS sin minify ni split
Bundles únicos de 1MB se descargan enteros aunque la página solo use el 20%. Code-splitting por ruta, tree shaking y compresión Brotli reducen 60-80% del peso transferido. Next.js y Vite lo hacen out-of-the-box bien configurados.
Confiar en plugins de "optimización" sin auditar
En WordPress hay decenas de plugins ("WP Rocket", "Autoptimize") que prometen arreglar todo. Algunos ayudan, otros rompen cosas. Tras instalar, hay que medir antes/después en CrUX real, no fiarse del dashboard del plugin.
Core Web Vitals en el mapa de conceptos relacionados.
Los Core Web Vitals son la parte técnica del CRO (Conversion Rate Optimization). Una mejora de LCP de 3s a 1,5s puede subir conversión sin tocar copy ni diseño, simplemente porque más usuarios esperan a que cargue. Por eso CRO serio empieza siempre auditando velocidad antes de testear botones.
En SEO, los CWV son uno de los factores de ranking de Google (no el más importante, pero presente). Sitios técnicamente mal optimizados rinden peor en SERP incluso con buen contenido. Para sectores muy competitivos, la diferencia entre puesto 3 y 7 puede depender de la velocidad. Ver A/B testing para validar mejoras.
CWV se relacionan con el stack técnico: webs estáticas (Next.js SSG, Astro, Hugo) suelen tener mejores métricas que WordPress estándar; aplicaciones SPA pueden tener INP malo si la hidratación es pesada; ecommerce con muchos scripts de terceros (Trustpilot, chats, analytics) sufre más que sites simples.
Para pymes españolas con web lenta que afecta conversión y SEO, Magnetia ofrece auditoría CWV + plan de optimización dentro de CRO web B2B. En proyectos de rediseño completo, encaja en categoría "Transformación Digital 360" del Kit Consulting.
Dudas que nos hacéis llegar
¿Tu web pasa los Core Web Vitals?
Auditoría técnica + plan priorizado por impacto. Implementación opcional. Mejora típica en 4-8 semanas. Si calificas, cofinanciado por Kit Consulting.