Mide como lo vive el cliente
Analiza en PageSpeed Insights tres páginas: el inicio, una colección y una ficha de producto, siempre en la pestaña Móvil. Arriba aparecen los datos de usuarios reales (si la tienda tiene suficiente tráfico) y abajo la prueba de laboratorio.
Los datos reales son los que usa Google. Search Console también los muestra agrupados en Experiencia → Core Web Vitals.
Las tres métricas que importan
- LCP (Largest Contentful Paint): cuánto tarda en verse el elemento principal, casi siempre la imagen del banner o del producto. Bueno: 2,5 segundos o menos.
- INP (Interaction to Next Paint): cuánto tarda la página en responder a un toque, como elegir talla o agregar al carrito. Bueno: 200 milisegundos o menos.
- CLS (Cumulative Layout Shift): cuánto salta el contenido mientras carga. Bueno: 0,1 o menos.
Causas habituales en Shopify
- Imágenes del banner principal subidas a tamaño original o cargadas en diferido cuando deberían cargarse primero.
- Apps desinstaladas que dejaron código en el tema, o apps activas que cargan scripts en todas las páginas aunque solo se usen en una.
- Píxeles y etiquetas de terceros sumados con el tiempo: chat, reseñas, publicidad, mapas de calor.
- Sliders con varias imágenes grandes en el primer pantallazo, y fuentes tipográficas extra.
- Bloques que aparecen tarde (avisos, banners de cookies, reseñas) y empujan el contenido hacia abajo.
Por dónde empezar
Corrige primero la imagen principal de cada plantilla y quita lo que no aporta a la venta. Después revisa una por una las apps: si una no se usa, se desinstala y se limpia su código; si se usa, se intenta cargar solo donde hace falta.
Cada cambio se prueba en el flujo completo de compra antes de publicarlo. La meta no es un 100 en PageSpeed sino una ficha que aparece rápido y un botón que responde.