¿Qué son los Core Web Vitals?

Core Web Vitals son las métricas estandarizadas de Google para medir la experiencia real del usuario en la web. Cuantifican la rapidez con la que una página se vuelve visible, la velocidad con la que reacciona a la interacción y la estabilidad que percibe el usuario en el layout durante la ruta crítica de renderizado. Para las tiendas online composable, estos números se traducen directamente en resultados de conversión y en señales de posicionamiento orgánico.

Definición

Los Core Web Vitals se componen actualmente de tres métricas de campo: Largest Contentful Paint (LCP) para el rendimiento de carga, Interaction to Next Paint (INP) para la capacidad de respuesta y Cumulative Layout Shift (CLS) para la estabilidad visual. Cada métrica utiliza el percentil 75 en sesiones de móvil y de escritorio, recopilado a partir del Chrome User Experience Report. Herramientas de laboratorio como Lighthouse, WebPageTest y la API de PageSpeed Insights aproximan los mismos valores, pero no sustituyen la monitorización de usuarios reales mediante las librerías JS de Web Vitals, que envían beacons a tu pipeline de analítica o de RUM.

Por qué es importante

En el comercio electrónico, los Vitals guardan una fuerte correlación con la tasa de rebote, la tasa de añadir al carrito y los ingresos por sesión. Un LCP deficiente suele indicar una imagen de cabecera demasiado pesada, JS de origen propio que bloquea el renderizado o un Time to First Byte lento en la capa de renderizado. Un INP elevado suele ser síntoma de una hidratación costosa en las páginas de listado de productos, mientras que el CLS se produce por fuentes que cargan tarde, banners y insignias que reflowan el layout. Dado que los Vitals influyen en el SEO a través de la señal de experiencia de página, impactan directamente en el tráfico orgánico y se entrelazan con tu estrategia de posicionamiento en buscadores (SEO).

Casos de uso

Los equipos headless que ejecutan Next.js, Remix o Nuxt sobre Vercel Edge o Cloudflare Workers utilizan los Vitals para validar que el paso de una arquitectura monolítica a un comercio composable mejora realmente la experiencia de usuario. Los flujos de trabajo habituales incluyen la carga de la librería web-vitals mediante una etiqueta del sistema de gestión de contenidos (CMS), la segmentación de métricas por plantilla, ruta y dispositivo, y la conexión de alertas a los pipelines de despliegue. Los equipos de PDP y PLP usan las regresiones de INP como puerta de control para los nuevos paquetes de React, mientras que los equipos de merchandising vigilan el CLS al lanzar módulos de héroe basados en personalización. Este conjunto de métricas es también la referencia contractual que la mayoría de agencias y proveedores SaaS de tiendas online asumen en sus SLA de rendimiento.

Relacionado

Explora Performance and Core Web Vitals · Composable Headless Frontend.