El panorama actual de los Core Web Vitals
Los Core Web Vitals son un conjunto de métricas definidas por Google para medir la experiencia del usuario en páginas web. En marzo de 2024, Google finalizó la transición anunciada: el INP (Interaction to Next Paint) reemplazó oficialmente al FID (First Input Delay) como la tercera métrica del conjunto.
Para los e-commerces, este cambio tiene implicaciones directas. El FID medía solo la latencia de la primera interacción. El INP mide la capacidad de respuesta de todas las interacciones durante la vida de la página — clics en filtros, agregar al carrito, apertura de modales, scroll. Una tienda con buen FID puede tener un INP malo y ahora eso le importa a Google.
INP: Por Qué Es Más Difícil de Controlar en el E-commerce
El INP registra el percentil 98 de latencia de todas las interacciones del usuario con la página. Para una tienda de e-commerce, esto incluye: clic en filtro de categoría, clic en talla/color de producto, agregar al carrito, apertura de galería, interacción con chat widget.
Lo que hace difícil el INP en el e-commerce es que cada app y widget agrega JavaScript que compite por el hilo principal. Un script de chat en vivo cargado de forma síncrona puede bloquear la respuesta a un clic de "agregar al carrito" por 500ms+ — lo que el INP capturará como una interacción deficiente.
Problema real con INP: Las tiendas con muchas apps de Shopify, plugins de WooCommerce o módulos de Magento frecuentemente tienen un INP deficiente incluso cuando el LCP está dentro del umbral. El diagnóstico requiere análisis del hilo principal con Chrome DevTools o WebPageTest.
LCP: Todavía la Métrica Más Crítica para el E-commerce
A pesar del cambio del INP, el LCP sigue siendo la métrica con mayor impacto directo en la conversión. Para las tiendas de e-commerce, el elemento LCP casi siempre es la imagen hero de la página de inicio o la imagen principal del producto.
Lo que cambió en 2025 respecto al LCP es la precisión con la que Google mide los datos de campo (CrUX). Aunque su Lighthouse muestre un buen LCP en laboratorio, si los datos de usuarios reales muestran un LCP deficiente, son los datos de campo los que pesarán en el ranking.
Cómo Mejorar el LCP por Plataforma
| Plataforma | Causa más común de LCP alto | Solución prioritaria |
|---|---|---|
| Shopify | Imagen hero sin fetchpriority + apps bloqueantes | fetchpriority="high" + auditoría de apps |
| Magento | FPC desactivado o sin Varnish + imágenes sin CDN | Activar FPC + configurar Varnish + CDN |
| WooCommerce | Tema pesado + plugins sin lazy load + hosting lento | Optimizar tema + hosting VPS + CDN de imágenes |
CLS: El Problema Invisible de las Tiendas con Banners y Pop-ups
El Cumulative Layout Shift mide cuánto "salta" el contenido visual durante la carga. En los e-commerces, los mayores causantes de CLS son: banners de cookies que aparecen después del contenido, pop-ups de descuento que empujan el contenido, imágenes de producto sin dimensiones definidas e iframes de reseñas que se expanden al cargar.
Corrección más eficaz: Defina siempre width y height en todas las imágenes. Reserve espacio para banners y pop-ups con CSS min-height antes de cargarlos. Cargue iframes de terceros de forma asíncrona y con dimensiones reservadas.
Qué Priorizar en Su Auditoría en 2025
Con tres métricas a gestionar, la secuencia de prioridad para los e-commerces suele ser:
- 1º LCP — mayor impacto en conversión y más fácil de corregir con optimizaciones de imagen y caché
- 2º INP — más complejo, requiere análisis de scripts y puede implicar el cambio de apps
- 3º CLS — más predecible, generalmente corregido con ajustes de CSS y dimensionamiento de imágenes
Herramienta recomendada: Use WebPageTest (webpagetest.org) con la opción "Web Vitals" activada. Muestra un waterfall completo, identifica elementos LCP, mide el INP simulado y señala scripts que causan long tasks — todo en una interfaz gratuita.
Datos de campo vs. datos de laboratorio
Esta distinción es fundamental para entender por qué PageSpeed Insights puede mostrar una puntuación alta mientras Google Search Console señala problemas de Core Web Vitals.
Datos de laboratorio (Lighthouse, PageSpeed Insights) simulan un usuario en una conexión y dispositivo específicos, bajo condiciones controladas. Son reproducibles y útiles para diagnóstico técnico.
Datos de campo (CrUX — Chrome User Experience Report) miden usuarios reales con diferentes dispositivos, conexiones y contextos. Estos son los datos que Google usa para el ranking.
Su objetivo debe ser mejorar los datos de campo — medidos en Google Search Console en "Experiencia de la Página". Lighthouse es una herramienta de diagnóstico, no la métrica final.
¿Quiere saber el estado real de los Core Web Vitals de su tienda?
Realizo una auditoría completa de LCP, INP y CLS con datos de campo y laboratorio. Recibirá un informe con la causa raíz identificada y las prioridades de corrección — sin jerga técnica innecesaria.