Cada segundo que tarda tu tienda en cargar te cuesta entre un 5% y un 7% de conversión. No es opinión, son datos. Y la mayoría de tiendas Shopify cargan lentas: apps acumuladas, imágenes sin optimizar, temas pesados, scripts de tracking por todas partes.
Cuando nos llega una tienda que “va lenta”, casi siempre es lo mismo. Y casi siempre se arregla en el mismo orden. Esta guía te da los 7 pasos exactos, de mayor a menor impacto. Sin teoría innecesaria.
Antes de Empezar: Mide tu Punto de Partida
No puedes mejorar lo que no mides. Antes de tocar nada, pasa tu página de inicio y dos o tres fichas de producto por Google PageSpeed Insights en móvil, apóyate en GTmetrix para las métricas más detalladas y revisa el informe de velocidad propio de Shopify (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.
Empieza por redimensionar cada imagen al tamaño máximo al que se muestra: no subas fotos de 4000x4000px si se ven a 800px. Sírvelas en WebP (Shopify lo convierte solo si usas img_url en Liquid) y comprímelas antes de subir con TinyPNG, ShortPixel o Squoosh. Activa lazy loading en todo lo que no se ve al cargar y mantén la imagen hero por debajo de 200KB. Bien hecho, esto recorta entre un 30% y un 50% el peso de la 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.
Como regla general, si tienes más de 6 apps probablemente sobran algunas. Lista todas las que tienes instaladas y, una por una, pregúntate si te genera ingresos directamente y si duplica algo que ya hace otra app o el propio Shopify. Desinstala las que no sean esenciales. Y aquí viene lo importante: después de desinstalar, revisa el código del tema. Es lo que más nos encontramos al abrir un tema ajeno, código muerto de apps que se quitaron hace meses y sigue cargando en cada página.
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.
Si arrastras un tema antiguo (pre-2.0), lo primero es plantearte migrar a un tema Online Store 2.0: por sí solo mejora el PageSpeed entre un 20% y un 40%. A partir de ahí, reduce las secciones de la home (cada una es una petición más), limita las fuentes web a 2 familias y 3-4 pesos como mucho, y elimina lo que no uses, desde sliders complejos hasta mega-menús que sobran. Y revisa el código con una pregunta en la mano: ¿hay CSS y JS que cargan en todas las páginas pero solo se usan en una?
Paso 4: Minimiza el JavaScript de Terceros
Después de las imágenes, el JavaScript es el segundo mayor culpable de la lentitud.
Los culpables habituales se repiten tienda tras tienda: los píxeles de tracking (Meta, Google Ads, TikTok, Pinterest…), el chat en vivo (que puede añadir 200-400ms), las herramientas de analytics que se suman a GA4, los widgets de redes sociales y los pop-ups y barras de notificación.
La solución pasa por cargar todos los scripts no esenciales con defer o async, y por dejar el chat en vivo para después de la primera interacción del usuario, un click o un scroll. Si un script de tracking no te está dando datos que uses de verdad, elimínalo. Y consolida sin miedo: ¿necesitas Google Analytics, Hotjar, Lucky Orange y Shopify Analytics a la vez? Casi seguro que no.
Paso 5: Aprovecha el Caché y CDN
Shopify ya incluye CDN (Cloudflare) por defecto. Pero puedes optimizar cómo lo aprovechas.
Sirve todas las imágenes desde el CDN de Shopify (cdn.shopify.com) y evita cargar recursos desde dominios externos siempre que puedas. Aprovecha el browser caching para los recursos estáticos y añade preconnect a los dominios de terceros que sí uses, como Google Fonts o el CDN de tus 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.
Testea siempre en dispositivos reales, no solo en DevTools: es donde aparecen los problemas de verdad. Las imágenes tienen que ser responsive con srcset, el menú de navegación usable con el pulgar y los botones de CTA de 44x44px como mínimo. Y cuida un detalle que se olvida siempre: que el formulario de checkout abra el teclado correcto, numérico para el teléfono y de email para el email.
Paso 7: Mide de Nuevo y Compara
Después de implementar los cambios, espera 24-48 horas a que los cachés se actualicen y repite los tests de PageSpeed y GTmetrix. Compara con el punto de partida que anotaste al principio. Si aún no has llegado al objetivo, vuelve al paso con más impacto que te quede pendiente y sigue por ahí.
Quick Wins: Lo que Puedes Hacer Hoy
Si solo tienes 30 minutos:
- Comprime tus 10 imágenes más pesadas
- Desinstala 1-2 apps que no uses
- Reduce las fuentes a 2 familias
- 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.