Cómo PageSpeed y Core Web Vitals afectan ecommerce: velocidad mobile, imágenes, scripts, CSS, LCP, CLS, experiencia y conversión.
Qué medir: experiencia real y laboratorio
PageSpeed Insights combina diagnósticos de laboratorio con datos de experiencia real cuando están disponibles. Para ecommerce conviene observar especialmente LCP, INP y CLS, pero también analizar qué recurso o interacción produce el problema en plantillas de home, categorías, productos y checkout.
LCP: imágenes y contenido principal
El elemento más grande visible al cargar suele ser una imagen hero, banner o bloque de producto. Optimizar formatos, dimensiones, prioridad de carga y caché puede reducir el tiempo hasta que ese contenido aparece. El lazy loading no debe aplicarse automáticamente al recurso principal que el usuario necesita ver de inmediato.
INP y JavaScript de terceros
Chat, tags publicitarios, personalización, sliders y aplicaciones pueden aumentar trabajo del navegador. En ecommerce es común acumular scripts con el tiempo. Revisar cuáles generan valor, cargar de forma diferida lo secundario y reducir tareas largas ayuda a mejorar respuesta a interacciones.
CLS: reservar espacio
Banners, imágenes, avisos y componentes que aparecen tarde pueden mover botones o textos. Definir dimensiones y espacios desde el HTML/CSS reduce saltos visuales. Esto es especialmente importante alrededor de precio, variantes y botones de compra.
Conclusión
El objetivo no debería ser perseguir un “100” aislado, sino conseguir una experiencia rápida y estable en páginas que realmente reciben tráfico y ventas. Core Web Vitals deben analizarse junto con conversión, dispositivo y peso de funcionalidades necesarias para el negocio.