Corrige tus Core Web Vitals en Shopify: Guía práctica para dueños de tiendas

Si has estado ignorando los Core Web Vitals de tu tienda, el período de culpa se acabó. Los Core Web Vitals ahora juegan un rol directo en SEO y en si tu tienda rankea o queda enterrada. Y los números son contundentes: según el Web Almanac 2025, el 48% de los sitios móviles ahora pasan los tres Core Web Vitals, arriba del 44% en 2024 y 36% en 2023. La barra sube cada trimestre. Si tu tienda no la alcanza, estás perdiendo terreno frente a competidores que sí lo hacen.

En qué realmente te están midiendo

En 2026, Google sigue usando LCP, INP y CLS como las tres métricas Core Web Vitals. Los umbrales permanecen sin cambios: LCP menor a 2.5 segundos, INP menor a 200 milisegundos, CLS menor a 0.1. Lo que ha cambiado es cómo Google pondera los datos detrás de esas puntuaciones. Google ha aumentado el peso de los datos de campo de usuarios reales (CrUX) sobre datos de laboratorio en decisiones de ranking. Para tiendas Shopify, esto significa que la experiencia real del usuario móvil importa más que las puntuaciones de pruebas sintéticas.

Esta es una distinción crítica. La Velocidad de Shopify en el panel de administración se basa en datos de laboratorio de Lighthouse de una sola visita simulada. Los Core Web Vitals en Google Search Console usan datos de campo de usuarios reales de Chrome durante una ventana móvil de 28 días. Estos números pueden diferir significativamente porque los usuarios reales tienen dispositivos diferentes, velocidades de red y patrones de interacción distintos a la simulación de Lighthouse.

La buena noticia: a partir de diciembre de 2025, LCP e INP ahora están "Disponibles Recientemente como Línea Base" en todos los navegadores principales, Chrome, Firefox, Safari y Edge. Esto significa que las herramientas de Monitoreo de Usuarios Reales (RUM) ahora pueden recopilar datos de CWV de prácticamente todos tus visitantes, no solo de usuarios de Chrome. Ese es un cambio significativo para tiendas con mucho tráfico de iOS.

El caso de negocio (en números claros)

Antes de sumergirse en las correcciones, aquí está por qué vale la pena tu tiempo. Los datos de Google muestran que un retraso de 1 segundo reduce las conversiones hasta un 7%, y el 53% de visitantes móviles abandonan páginas que tardan más de 3 segundos en cargar. El equipo de Shopify validó esto a escala: analizaron la relación entre los tres Core Web Vitals y conversión en tiendas Shopify que venden activamente, dividiendo todos los sitios en buckets de rendimiento durante un período de 28 días a finales de enero y principios de febrero de 2026, luego observaron la relación entre el rendimiento agregado y la tasa de conversión mediana de tiendas en cada bucket. El resultado: las tiendas en crecimiento ven una relación fuerte entre velocidad y conversión. A medida que las tiendas escalan, agregan apps, personalizaciones e integraciones, cada una impactando potencialmente el rendimiento, y el efecto acumulativo de estas adiciones se hace visible en los datos.

Para negocios Shopify, priorizar mejoras de LCP e INP probablemente tendrá un impacto mayor en tu resultado que perseguir una puntuación CLS perfecta.

Los mayores asesinos de velocidad en Shopify

1. Exceso de apps (el culpable número uno)

El exceso de scripts de terceros de las apps sigue siendo la causa número uno de fallar en Core Web Vitals. Las matemáticas son despiadadas: en promedio, una nueva app de Shopify agrega de 50 KB a 150 KB de JavaScript a cada carga de página. Para una tienda que está justo en el umbral de LCP (2.3 a 2.5 segundos), una sola instalación de app puede hacerla cruzar el límite.

La solución es poco glamorosa pero efectiva. Audita tus apps deshabilitándolas una por una y midiendo el impacto en INP y LCP en PageSpeed Insights. Elimina las apps que ya no usas y verifica tus archivos de tema por código sobrante de apps previamente desinstaladas.

2. Tu imagen hero y LCP

El umbral "Bueno" de Google para LCP es menor a 2.5 segundos. Para tiendas Shopify, usualmente es la imagen hero o la foto de producto sobre el pliegue. El error más común que veo: carga perezosa en esa imagen hero. Nunca hagas carga perezosa en la imagen LCP. Hacer carga perezosa en tu imagen LCP dañará tu puntuación LCP porque el navegador retrasará la carga del elemento que determina cuándo la página se ve "cargada" para el usuario. Usa loading="eager" u omite el atributo completamente para imágenes hero sobre el pliegue.

También verifica las dimensiones de imagen antes de cargar. Las imágenes típicamente representan el 27% del peso total de página. Las fotos de producto no optimizadas, banners e imágenes lifestyle son el culpable número uno detrás de tiendas Shopify lentas.

3. INP: la métrica que la mayoría de tiendas ignoran

Google reemplazó oficialmente First Input Delay (FID) con INP como Core Web Vital en marzo de 2024. INP no solo mide el primer clic. INP ha tomado completamente el lugar de FID y ahora mide todas las interacciones a lo largo de la sesión, no solo el primer clic.

Para tiendas Shopify, el infractor más común de INP es JavaScript que se ejecuta en el hilo principal. JavaScript pesado, común en temas y apps de Shopify, es el culpable primario de puntuaciones INP pobres. La solución práctica: carga contenido crítico primero, luego mejora progresivamente. Carga contenido crítico primero para soportar el rendimiento de carga, luego mejora progresivamente con JavaScript. Usa división de código para que los usuarios solo carguen lo que necesitan y mantén el hilo principal libre para interacciones.

INP también se expone brutalmente en móvil. En 2026, el comercio móvil representa la mayoría de transacciones de ecommerce globalmente. Los dispositivos móviles tienden a tener significativamente menos poder de procesamiento que las computadoras de escritorio, lo que los hace mucho más susceptibles a puntuaciones INP pobres.

4. CLS: el problema de cambios de diseño

Cumulative Layout Shift mide estabilidad visual. Si los elementos se mueven mientras la página carga, tu puntuación CLS sufre. Una puntuación "Buena" es menor a 0.1. Las imágenes sin tamaño especificado, fuentes cargadas tarde y banners dinámicos son infractores comunes en Shopify. Siempre declara atributos de ancho y alto explícitos en cada etiqueta de imagen para que el navegador reserve espacio antes de cargar la imagen.

Cambios a nivel de plataforma que vale la pena conocer

Dos actualizaciones recientes de Shopify afectan directamente tu estrategia de rendimiento.

Alcance de CSS por página (abril de 2026): En abril de 2026, Shopify implementó alcance de CSS por página para que los temas solo entreguen el CSS para secciones realmente renderizadas en cada página, en lugar de servir cada hoja de estilos en cada carga de página. Esas pequeñas mejoras se suman a páginas notablemente más rápidas y un levantamiento medible en tasas de conversión.

La base del tema Horizon (verano de 2025): El tema Horizon de Shopify es el lanzamiento de tema más significativo desde Dawn. Lanzado en Summer Editions 2025, representa un cambio fundamental en cómo se construyen los temas de Shopify, con anidación de bloque más profunda, presets específicos de la industria, generación de bloques IA nativa y una arquitectura mobile-first. La historia de rendimiento en Horizon está mejorando activamente. Horizon ha ganado aproximadamente 5 puntos móviles de PageSpeed por trimestre desde el lanzamiento, mientras que Dawn se ha mantenido plano (es maduro). Si estás en Horizon, mantén el tema actualizado y deshabilita las animaciones integradas bajo Configuración de tema para recuperar puntos PageSpeed significativos. Deshabilitar animaciones solas recupera aproximadamente 10 puntos PageSpeed.

Más allá del tema en sí, Shopify ahora incluye un panel de rendimiento más detallado dentro del administrador, desglosando métricas como LCP e INP por página. Úsalo. Muestra datos de usuarios reales, no puntuaciones simuladas.

Tu flujo de trabajo de monitoreo

El rendimiento no es un proyecto de una sola vez. Cada app que instalas, cada etiqueta de marketing que agregas, cada cambio de tema que haces es una decisión de rendimiento. Las tiendas que ganan en velocidad tratan el rendimiento como una disciplina continua, no una emergencia trimestral.

Aquí está la pila de monitoreo mínima que recomiendo:

• Panel de rendimiento web de Shopify (administrador de Online Store): Los reportes de rendimiento web integrados de Shopify te dan una descripción general amigable con el comerciante del rendimiento de tu tienda en todos los tipos de página clave. A diferencia de PageSpeed Insights, que prueba una URL a la vez, el reporte de Shopify agrega datos en tu página de inicio, páginas de productos y páginas de colección simultáneamente.
• Google Search Console (reporte de Core Web Vitals): Muestra datos de campo en toda tu tienda de usuarios reales de Chrome durante una ventana de 28 días.
• Google PageSpeed Insights: Reporta los tres Core Web Vitals con estado de aprobado/reprobado y oportunidades de mejora específicas con estimaciones de ahorro de tiempo. Prueba tu página de inicio Y tu página de producto más importante, porque a menudo tienen puntuaciones muy diferentes.

Ejecuta una verificación después de cada instalación de app, actualización de tema y lanzamiento de campaña importante. Las regresiones de rendimiento en Shopify casi siempre son causadas por algo que fue agregado recientemente. Los datos de monitoreo muestran que la causa más común de regresión de CWV en Shopify es una nueva instalación de app que inyecta JavaScript globalmente.

Checklist de victorias rápidas

Si quieres evaluar tu tienda hoy, comienza aquí:

• Audita apps instaladas, elimina cualquier cosa no utilizada y verifica código de tema sobrante de apps eliminadas
• Establece loading="eager" en tu imagen hero/LCP; usa loading="lazy" solo en imágenes bajo el pliegue
• Agrega atributos explícitos de width y height a todas las etiquetas <img> para prevenir cambios de diseño
• Reemplaza carruseles de página de inicio y GIFs de reproducción automática con una sola imagen hero estática
• Difiere o async todo JavaScript no crítico; consolida píxeles de rastreo en Google Tag Manager
• Comprime imágenes de producto a menos de 200 KB antes de cargar (formato WebP donde sea posible)
• Mantén tu tema (Horizon o Dawn) en la versión más reciente para obtener optimizaciones a nivel de plataforma
• Verifica tus puntuaciones de CWV en Google Search Console al menos una vez por mes

Nada de esto requiere un gran presupuesto. La mayoría requiere disciplina: tratar cada instalación de app como una decisión de tradeoff de rendimiento, no solo una decisión de características.

---

Todos los datos de CWV en este post reflejan fuentes públicamente disponibles de 2025 y 2026. Usa Google PageSpeed Insights y el panel de rendimiento web de Shopify como tus herramientas de medición primarias.