Core Web Vitals en Shopify: qué miden y qué puedes corregir

Los Core Web Vitals en Shopify se miden con tres números que Google recoge de visitantes reales: LCP para la rapidez con la que aparece el elemento visible más grande, INP para la rapidez con la que la página responde a un toque, y CLS para la estabilidad del diseño mientras carga. En las tiendas Shopify, la mayoría de los problemas vienen de imágenes hero sin optimizar, apps que inyectan scripts en cada página y elementos que saltan durante la carga. Esta guía explica qué significan las métricas para una tienda, cómo medirlas correctamente, los arreglos que realmente mueven los números y lo que no puedes cambiar en Shopify.

Qué son los Core Web Vitals y por qué importan en una tienda

Los Core Web Vitals son las métricas de Google para la experiencia real de página, no una puntuación técnica abstracta. Cada una tiene un umbral bueno documentado:

Métrica	Qué mide	Bueno	Necesita mejora	Deficiente
LCP (Largest Contentful Paint)	Tiempo hasta que aparece el elemento visible más grande (normalmente el hero o la imagen del producto)	hasta 2,5 s	2,5 a 4 s	más de 4 s
INP (Interaction to Next Paint)	Retraso entre el toque del usuario y la respuesta visual	hasta 200 ms	200 a 500 ms	más de 500 ms
CLS (Cumulative Layout Shift)	Cuánto saltan los elementos durante la carga	hasta 0,1	0,1 a 0,25	más de 0,25

¿Por qué le importa a una tienda? Los clientes del Golfo navegan sobre todo en móvil con redes variables, y si la imagen del producto llega tarde o el botón de añadir al carrito salta en el momento del toque, el resultado es un pedido perdido. Google usa estas métricas como señal de posicionamiento dentro de la experiencia de página, pero su efecto en la tasa de conversión es mayor y más rápido que su efecto en el ranking.

Medir correctamente: datos de campo frente a pruebas de laboratorio

Hay dos fuentes distintas, y confundirlas provoca la mayoría de las discusiones sobre velocidad:

El informe de Core Web Vitals en Search Console: basado en datos de usuarios reales (el Chrome User Experience Report) durante 28 días, agrupados por tipo de página. Esto es lo que usa Google y la referencia por la que debes juzgar tu tienda. La configuración de Search Console se trata en Google Search Console para tiendas Shopify.

Lighthouse y PageSpeed Insights: una prueba de laboratorio de una página en un entorno simulado. Útil para diagnosticar porque te dice qué ralentiza la página, pero su puntuación sobre 100 no es lo que Google ve para el ranking, y cambia en cada ejecución.

La regla: juzga con Search Console, diagnostica con Lighthouse. Y no persigas un 100 en Lighthouse; muchas tiendas de éxito funcionan con puntuaciones de laboratorio medias y buenos datos de campo.

Por qué falla el LCP en las tiendas Shopify y cómo corregirlo

El LCP es la métrica que falla con más frecuencia. En las tiendas, el elemento más grande suele ser la imagen hero de la página de inicio o la primera imagen del producto. Arreglos por orden de impacto:

1. Tamaño y formato de imagen: sube las imágenes hero con dimensiones adecuadas para móvil y deja que Shopify sirva formatos modernos a través de los parámetros de imagen del tema. Una imagen hero de 3 MB es lo primero que encontramos en cualquier auditoría.
2. Lazy loading en el lugar equivocado: la imagen hero no debe cargarse en diferido; lo contrario aplica a las imágenes por debajo del pliegue. Algunos temas cargan todo en diferido.
3. Un slider en la parte superior de la página: varias imágenes más un script de animación retrasan el elemento más grande. Una sola imagen estática con texto claro suele convertir mejor y aparece antes.
4. Fuentes: las fuentes árabes personalizadas pesadas retrasan el texto. Usa una o dos fuentes y precárgalas.
5. Scripts que bloquean el renderizado: apps que inyectan scripts en el head antes del contenido. Esto merece su propio artículo: apps de Shopify que ralentizan tu tienda.

INP: por qué los toques responden tarde

El INP sustituyó al FID en 2024 y mide todas las interacciones, no solo la primera. En las tiendas, el retraso se nota al abrir el menú, cambiar una variante de producto o tocar añadir al carrito. Causas habituales:

• Muchas apps ejecutándose en segundo plano (reseñas, pop-ups, chat, varios rastreadores) compitiendo por el hilo principal del navegador.
• Scripts pesados del tema para efectos visuales.
• Píxeles de seguimiento duplicados (uno del canal oficial y otro pegado manualmente).

El arreglo empieza con un inventario de apps: elimina lo que la tienda no usa y confirma que las apps eliminadas no dejaron código en el tema. Después revisa el tracking para que nada se dispare dos veces.

CLS: los elementos que saltan

El CLS ocurre cuando el contenido se desplaza durante la carga: una barra de anuncios que aparece encima de la página, imágenes sin dimensiones definidas, una insignia de reseñas inyectada después de la carga o una fuente que cambia después de aparecer el texto. Arreglos:

• Define ancho y alto para cada imagen del tema para que el navegador reserve su espacio.
• Reserva una altura fija para las barras de anuncios y los elementos dinámicos como reseñas y cuentas regresivas.
• Evita los pop-ups que empujan el contenido en lugar de flotar sobre él.
• Configura las fuentes para que el tamaño del texto no cambie después de la carga.

Lo que no puedes cambiar en Shopify

Parte de ser honesto con un comerciante es señalar los límites:

• Infraestructura y CDN: Shopify los gestiona globalmente; no controlas los servidores.
• Checkout: optimizado y bloqueado en la mayoría de los planes. No pierdas tiempo midiéndolo.
• Scripts base de Shopify: se cargan en todas las tiendas y no pueden eliminarse.
• Una puntuación perfecta en Lighthouse: poco realista con las apps de reseñas, chat y tracking que una tienda realmente necesita.

Lo que controlas es el tema, las imágenes, las apps y las fuentes, y eso basta para llevar a la mayoría de las tiendas de deficiente a bueno. La guía más amplia es optimización de velocidad en Shopify.

Un plan de acción de una semana

Día	Tarea
1	Abre el informe de Core Web Vitals en Search Console e identifica los grupos de páginas deficientes en móvil
2	Ejecuta Lighthouse en una página por grupo y anota el elemento más grande y los scripts que bloquean
3	Recomprime y vuelve a subir las imágenes hero y las primeras imágenes de producto
4	Inventario de apps: elimina las que no se usan y limpia el código residual del tema
5	Define las dimensiones de las imágenes y reserva espacio para los elementos dinámicos
6	Revisa el tracking: un píxel por plataforma, sin duplicados
7	Vuelve a medir y registra la tasa de conversión móvil como línea base para comparar a los 28 días

Desde nuestra experiencia

En Xmart, una tienda de electrónica en Jordania con miles de productos, realizamos una auditoría de rendimiento del tema Xtra y arreglos de velocidad como parte de la gestión de la cuenta, porque los anuncios de alto retorno pierden su valor cuando el cliente aterriza en una página lenta. Allí la velocidad no fue un proyecto aparte, sino parte de proteger el retorno publicitario y la conversión móvil. Los detalles están en el caso de estudio de Xmart. En cada auditoría de conversión que hacemos a través de nuestro servicio de optimización de la tasa de conversión, la velocidad móvil es un punto fijo junto a la página de producto, el carrito y el checkout.

Conclusión

Los Core Web Vitals en Shopify no son una carrera hacia una puntuación de 100, sino tres números de usuarios reales: LCP, INP y CLS. Arregla las imágenes hero, reduce las apps, reserva espacio para los elementos dinámicos, limpia el tracking y después mide el efecto en la tasa de conversión móvil en Search Console a los 28 días. Esto completa el lado de la experiencia de página de la guía completa de SEO para Shopify.

Envíanos el enlace de tu tienda por WhatsApp y te mandaremos una lectura de tu informe de Core Web Vitals con los tres primeros arreglos que merecen tu tiempo.