Los Core Web Vitals — LCP, CLS e INP — son señales de posicionamiento de Google que miden la experiencia real de los usuarios. También son cada vez más visibles en los informes de "Experiencia" de Google Search Console. Al migrar de WooCommerce a Shopify, los Core Web Vitals suelen mejorar, pero la magnitud depende de lo optimizada que estuviera tu configuración de WooCommerce y del tema y aplicaciones de Shopify que elijas.

Entender las tres métricas

LCP (Largest Contentful Paint): Tiempo hasta que el elemento más grande de la página es visible. Objetivo: ≤2,5 segundos. Suele ser la imagen hero o la imagen principal del producto.
CLS (Cumulative Layout Shift): Mide cuánto se desplaza inesperadamente el diseño durante la carga. Objetivo: ≤0,1. Causado por imágenes sin dimensiones, anuncios que se cargan tarde, banners inyectados.
INP (Interaction to Next Paint): Sustituyó al FID en 2024. Mide la rapidez con que la página responde a las interacciones del usuario (clics, toques). Objetivo: ≤200 ms.

Por qué Shopify suele mejorar los Core Web Vitals

Factores de mejora del LCP

CDN global: Shopify sirve todos los assets (imágenes, JS, CSS) desde la CDN de Fastly a nivel mundial. WooCommerce en hosting compartido sirve desde un único servidor, más lento para los visitantes internacionales.
Conversión automática a WebP: Shopify convierte automáticamente las imágenes subidas al formato WebP (para navegadores modernos) con atributos srcset apropiados. Sin necesidad de plugin.
Carga diferida de imágenes: Los temas de Shopify implementan la carga diferida nativa (loading="lazy") para las imágenes fuera de la pantalla, con precarga para la imagen candidata al LCP.
Sin sobrecarga de plugins: Muchas tiendas WooCommerce tienen más de 20–30 plugins activos que añaden JavaScript y CSS. Las aplicaciones de Shopify se ejecutan externamente y añaden menos sobrecarga en el frontend.

Factores de mejora del CLS

Atributos de dimensión de imagen: Los temas de Shopify establecen correctamente el ancho y el alto en las imágenes de producto, evitando el desplazamiento del diseño durante la carga
Sin banners de plugins: Las barras de avisos de plugins de WooCommerce (banners de cookies, barras promocionales) suelen desplazar el diseño. Los banners de las aplicaciones de Shopify están más controlados.
Fuentes consistentes: Shopify gestiona las Google Fonts mediante precarga, reduciendo el FOUT (destello de texto sin estilo) que provoca CLS

Factores de mejora del INP

Menos JavaScript: Menos plugins significa menos análisis de JS. El JavaScript nativo del tema de Shopify está optimizado.
Patrones JS modernos: Los temas oficiales de Shopify (Dawn y otros) usan patrones de JavaScript modernos y eficientes

Cambios típicos en los Core Web Vitals tras la migración

Escenario	LCP	CLS	INP
WooCommerce en hosting compartido → Shopify	Mejora significativa	Mejora	Mejora
WooCommerce en hosting gestionado (WP Engine, Kinsta) → Shopify	Mejora moderada	Mejora o neutral	Neutral o leve mejora
WooCommerce bien optimizado (caché, CDN, pocos plugins) → Shopify + muchas apps	Neutral o leve regresión	Depende de las apps	Depende de las apps

Las mejoras más drásticas se producen al migrar desde hosting compartido lento. Las tiendas WooCommerce bien optimizadas en hosting gestionado premium pueden ver una mejora mínima o nula.

Qué puede perjudicar los Core Web Vitals en Shopify

Aplicaciones de Shopify pesadas con scripts en el frontend

Cada aplicación de Shopify que añade JavaScript a tu tienda aumenta el tiempo de carga. Culpables habituales:

Widgets de chat (Tidio, Gorgias, Intercom)
Popups de intención de salida (Privy, OptinMonster)
Widgets de fidelización (Smile.io, LoyaltyLion)
Insignias y carruseles de reseñas
Aplicaciones de constructor de páginas

A diferencia de WooCommerce, donde los plugins se ejecutan en el servidor, las aplicaciones de Shopify inyectan JavaScript de terceros. Demasiadas aplicaciones con scripts en el frontend pueden hacer que una tienda Shopify sea más lenta que una configuración de WooCommerce ligera.

Fuentes de terceros

Usar fuentes personalizadas cargadas desde CDN externos puede retrasar el LCP. Si usas Google Fonts mediante un tema de Shopify, asegúrate de que estén precargadas.

Imágenes de producto grandes o sin optimizar

Shopify convierte automáticamente las imágenes a WebP, pero la imagen original importa. Una original de 10 MB subida a Shopify se convertirá, pero puede seguir siendo lenta en la primera entrega antes de que la caché de la CDN se caliente.

Secciones de tema inestables

Algunos temas de Shopify cargan secciones dinámicamente después del renderizado inicial, provocando CLS. Menos habitual en los temas modernos, pero puede ocurrir con una carga diferida agresiva de secciones de contenido.

Medir los Core Web Vitals antes y después de la migración

Antes de la migración (referencia de WooCommerce)

Google Search Console → Informe de Core Web Vitals → exporta las puntuaciones actuales
PageSpeed Insights → prueba la página de inicio, la página de producto más visitada y la página de colección más visitada → guarda las puntuaciones
CrUX (Informe de experiencia de usuario de Chrome): datos de campo, más precisos que las pruebas de laboratorio

Después de la migración (Shopify)

Los mismos tres tipos de URL: página de inicio, página de producto, página de colección
Espera 28 días: los Core Web Vitals en Search Console requieren 28 días de datos de campo para generarse
Los datos de laboratorio de PageSpeed Insights están disponibles de inmediato

Optimizar los Core Web Vitals en Shopify

Optimización del LCP

Tamaño de imagen: Sube imágenes de producto con un ancho máximo de 2000 px. Shopify sirve versiones de tamaño adecuado mediante srcset, pero el original debe tener un tamaño razonable.
Precarga de la imagen hero: La mayoría de los temas de Shopify lo hacen automáticamente para el candidato al LCP. Si no, añádelo a tu tema: <link rel="preload" as="image" href="{{ image | image_url: width: 1500 }}">
Selección de tema: Los temas gratuitos oficiales de Shopify (Dawn, Sense) están muy optimizados para los Core Web Vitals. Algunos temas premium son más lentos: comprueba las puntuaciones de PageSpeed antes de comprar.

Optimización del CLS

Visualización de fuentes: Usa font-display: swap para las fuentes personalizadas (la mayoría de los temas ya lo hacen)
Widgets de aplicaciones: Asegúrate de que los widgets de reseñas, botones de chat y elementos flotantes tienen dimensiones fijas y no desplazan el contenido
Banner de consentimiento de cookies: Si tu banner de cookies desplaza el contenido al cargarse, configúralo para que aparezca deslizándose desde abajo (sin afectar al diseño) en lugar de como un banner de ancho completo que empuja el contenido hacia abajo

Optimización del INP

Reducir el JavaScript de las aplicaciones: Audita cada aplicación instalada. Desactiva los scripts del frontend para las aplicaciones que no los necesiten en las páginas de producto.
Diferir scripts no críticos: Usa la configuración de extensiones de tema de Shopify para diferir los scripts no críticos de las aplicaciones
Evitar cajones de carrito pesados: Las animaciones e interacciones complejas del cajón del carrito pueden degradar el INP. Prueba específicamente las interacciones del carrito.

Conjunto de herramientas de Core Web Vitals para Shopify

PageSpeed Insights (pagespeed.web.dev): combina datos de laboratorio y de campo. Gratuito e instantáneo.
Google Search Console → Core Web Vitals: datos de campo de usuarios reales. Tarda 28 días en completarse tras la migración.
Informe de velocidad de Shopify: Tienda online → Temas → Ver informe. Ofrece una puntuación de velocidad específica de Shopify (no idéntica a PageSpeed Insights).
Lighthouse en Chrome DevTools: Ejecutar con simulación móvil para obtener la puntuación móvil en el peor caso.
WebPageTest.org: Análisis avanzado de cascada de recursos, pruebas en dispositivos reales.

Cronograma de Core Web Vitals

Día 1 post-lanzamiento: Ejecuta pruebas de laboratorio con PageSpeed Insights en las páginas clave, compara con la referencia de WooCommerce
Semana 1: Corrige los problemas de rendimiento obvios (imágenes grandes, sobrecarga de JS de apps)
Día 28: Aparecen los primeros datos de campo reales de Core Web Vitals en Search Console
Días 28–60: Monitoriza los grupos de URL marcados como "Deficiente" y atiéndelos específicamente
Día 90: Visión completa de la comparación de Core Web Vitals entre Shopify y WooCommerce

Para la mayoría de tiendas, la mejora de los Core Web Vitals es uno de los beneficios más claros de migrar a Shopify, especialmente viniendo de hosting compartido o de nivel medio. La mejora del LCP gracias a la CDN global de Shopify a menudo por sí sola lleva a las tiendas de "Necesita mejoras" a "Bueno" en la escala de Google, lo que puede contribuir a pequeñas pero positivas mejoras de posicionamiento a lo largo del tiempo.

Core Web Vitals tras migrar de WooCommerce a Shopify (2026)