Si tu tienda Shopify tarda más de 3 segundos en cargar, estás perdiendo ventas. No es una opinión — los datos lo confirman: cada segundo de mejora en velocidad puede aumentar las conversiones entre un 5% y un 7%.

Y sin embargo, la mayoría de las tiendas Shopify cargan lentas. Apps acumuladas, imágenes sin optimizar, temas pesados, scripts de tracking por todas partes.

Esta guía te da los 7 pasos exactos para arreglarlo, en orden de impacto. Sin teoría innecesaria.

Antes de Empezar: Mide tu Punto de Partida

No puedes mejorar lo que no mides. Antes de tocar nada:

  1. Google PageSpeed Insights — testea tu página de inicio y 2-3 páginas de producto en móvil
  2. GTmetrix — para métricas detalladas de rendimiento
  3. Informe de velocidad de Shopify — en Admin > Online Store > Velocidad

Anota estos números:

Métrica Tu valor actual Objetivo
PageSpeed (móvil) _____ 70+
LCP _____ < 2,5s
FID _____ < 100ms
CLS _____ < 0,1
Peso total de página _____ < 3MB

Paso 1: Optimiza las Imágenes

Las imágenes suelen ser el 60-80% del peso de una página. Es el quick win más grande.

Qué hacer:

  • Redimensiona las imágenes de producto al tamaño máximo que se muestran (no subas fotos de 4000x4000px si se muestran a 800px)
  • Usa formato WebP (Shopify lo convierte automáticamente si usas img_url en Liquid)
  • Comprime antes de subir con TinyPNG, ShortPixel o Squoosh
  • Activa lazy loading para imágenes que no son visibles al cargar
  • Imagen hero: máximo 200KB

Impacto esperado: 30-50% de reducción en peso de página.

Paso 2: Audita tus Apps

Cada app que instalas añade JavaScript y CSS a tu tienda. Incluso las que “solo se activan cuando se necesitan” cargan código en cada página.

Regla general: Si tienes más de 6 apps, probablemente sobran algunas.

Qué hacer:

  • Lista todas las apps instaladas
  • Para cada una, pregúntate: ¿esta app me está generando ingresos directamente?
  • ¿Hay alguna que duplique funcionalidad de otra o de algo nativo de Shopify?
  • Desinstala las que no sean esenciales
  • Importante: después de desinstalar, revisa el código del tema — muchas apps dejan scripts residuales

Para más detalle sobre este tema, lee nuestro artículo sobre cómo las apps afectan al rendimiento de tu tienda.

Paso 3: Optimiza tu Tema

Tu tema es la base de todo. Un tema pesado limita lo que puedes hacer con el resto de optimizaciones.

Qué hacer:

  • Si usas un tema antiguo (pre-2.0), considera migrar a un tema Online Store 2.0
  • Reduce las secciones de la página de inicio (cada sección es una petición más)
  • Limita las fuentes web a 2 familias y 3-4 pesos máximo
  • Elimina secciones del tema que no uses (sliders complejos, mega-menús si no los necesitas)
  • Revisa el código: ¿hay CSS y JS que cargan en todas las páginas pero solo se usan en una?

Impacto esperado: 20-40% de mejora en PageSpeed si migras a un tema 2.0.

Paso 4: Minimiza el JavaScript de Terceros

Después de las imágenes, el JavaScript es el segundo mayor culpable de la lentitud.

Culpables habituales:

  • Píxeles de tracking (Meta, Google Ads, TikTok, Pinterest…)
  • Chat en vivo (puede añadir 200-400ms)
  • Herramientas de analytics adicionales a GA4
  • Widgets de redes sociales
  • Pop-ups y barras de notificación

Qué hacer:

  • Carga todos los scripts no esenciales con defer o async
  • Si un script de tracking no está generando datos que uses activamente, elimínalo
  • Considera cargar el chat en vivo solo después de la interacción del usuario (click o scroll)
  • Consolida: ¿necesitas Google Analytics, Hotjar, Lucky Orange Y Shopify Analytics? Probablemente no

Paso 5: Aprovecha el Caché y CDN

Shopify ya incluye CDN (Cloudflare) por defecto. Pero puedes optimizar cómo lo aprovechas.

Qué hacer:

  • Sirve todas las imágenes desde el CDN de Shopify (cdn.shopify.com)
  • No cargues recursos desde dominios externos si puedes evitarlo
  • Usa browser caching para recursos estáticos
  • Preconnect a dominios de terceros que uses (Google Fonts, CDN de apps)

Paso 6: Optimiza para Móvil

Más del 70% del tráfico de ecommerce es móvil. Si solo optimizas para escritorio, estás optimizando para la minoría.

Qué hacer:

  • Testea siempre en dispositivos reales (no solo en DevTools)
  • Las imágenes deben ser responsive con srcset
  • El menú de navegación debe ser usable con el pulgar
  • Los botones de CTA deben tener mínimo 44x44px
  • El formulario de checkout debe usar el teclado correcto (numérico para teléfono, email para email)

Paso 7: Mide de Nuevo y Compara

Después de implementar los cambios:

  1. Espera 24-48 horas para que los cachés se actualicen
  2. Repite los tests de PageSpeed y GTmetrix
  3. Compara con tu punto de partida
  4. Si no has llegado al objetivo, prioriza el siguiente paso con más impacto

Quick Wins: Lo que Puedes Hacer Hoy

Si solo tienes 30 minutos:

  1. Comprime tus 10 imágenes más pesadas
  2. Desinstala 1-2 apps que no uses
  3. Reduce las fuentes a 2 familias
  4. Elimina el slider de la página de inicio si no convierte

¿Necesitas Ayuda con la Optimización?

Si quieres que un equipo técnico especializado en Shopify analice tu tienda y la ponga a punto, contacta con nosotros. Hacemos optimizaciones de rendimiento con precio cerrado y resultados medibles.