Tu web carga lenta (y te está costando ventas)
Tu web carga lenta. Probablemente no lo sabes porque te has acostumbrado. Pero cada segundo de espera te cuesta conversiones: 7% menos por cada segundo. Si cargas en 4 segundos en lugar de 2, pierdes el 20-30% de tus ventas.
Lo importante: Core Web Vitals es factor de ranking desde 2021. Si pasas los 3 umbrales, Google te prioriza. Si no pasas, Google te entierra. Es así de simple.
Los 3 indicadores que Google usa para juzgarte
LCP: Lo primero que ves debe cargar en 2.5 segundos
El LCP es simple: ¿cuánto tarda tu imagen hero o primer producto en ser visible? Debe ser 2.5 segundos o menos. Si es más, Google baja tu posición.
Cómo acelerarlo:
- Comprime imágenes hero a WebP (reduce 40-60% el peso)
- Usa
loading="eager"solo en la imagen hero,loading="lazy"en el resto - Elimina apps innecesarias del theme (cada app añade ~200ms)
- Preload de la fuente principal
INP: Tu web debe responder al instante (< 200ms)
El usuario hace clic. Tu web tarda. Si tarda más de 200ms en responder, es frustrante y Google lo sabe.
Cómo mejorarlo:
- Reduce el JavaScript de terceros (apps, trackers, widgets)
- Usa
deferoasyncen scripts no críticos - Elimina event listeners innecesarios en el theme
- Revisa que el carrito no bloquee el hilo principal
CLS: Nada se debe mover mientras carga (< 0.1)
Es lo peor: haces clic en lo que crees que es un botón pero se mueve y terminas en otro lado. Si tu web hace esto, está rota desde el punto de vista técnico.
Cómo mejorarlo:
- Define
widthyheighten todas las imágenes - Reserva espacio para banners y pop-ups
- Carga fuentes con
font-display: swap+ dimensiones reservadas - Evita insertar contenido dinámico encima del viewport
Los 7 cambios que más impacto tienen
1. Las apps están matando tu velocidad
Instalas apps sin pensar. Cada una inyecta código, cada una añade peso. ¿20 apps? Tu web vuela lenta. Y probablemente tienes el doble de lo que necesitas.
Proceso:
- Lista todas las apps instaladas
- Para cada una: ¿genera revenue directo? Si no, desinstala
- Verifica que la desinstalación elimina el código residual (muchas apps dejan snippets)
2. Las imágenes son culpables (optimízalas ahora)
Shopify tiene CDN, sí. ¿Significa que tus imágenes cargan rápido? No necesariamente. El formato y tamaño importan. Una imagen de 5MB donde caben 500KB es dinero quemado.
- Sube imágenes en máximo 2000px de ancho
- Usa formato WebP cuando sea posible
- Para productos: 1000x1000px es suficiente
- Para hero banners: 1920x800px máximo
3. El Liquid anidado ralentiza todo
Los bloques {% for %} anidados en Liquid pueden ser costosos. Evita loops dentro de loops y usa limit donde sea posible.
4. Carga lazy: solo lo que ves
<!-- Hero image: carga inmediata -->
<img src="hero.webp" loading="eager" fetchpriority="high" />
<!-- Resto de imágenes: lazy -->
<img src="producto.webp" loading="lazy" />5. Avisa a tu navegador: “Carga esto primero”
Añade en el <head> de tu theme:
<link rel="preload" as="image" href="{{ hero_image | img_url: '1920x' }}" />
<link rel="preload" as="font" href="tu-fuente.woff2" type="font/woff2" crossorigin />6. Tu theme es tu punto de partida (elige bien)
El 80% de los themes Shopify son basura para velocidad. Dawn (el gratuito) es el más rápido. Los premium? Pueden ser el doble de lentos. Elige mal aquí y luego intentas optimizar arena.
7. Monitoriza como si tu vida dependiera de ello
- Google Search Console → Core Web Vitals
- PageSpeed Insights → análisis por página
- Shopify Admin → Online Store Speed Score
Benchmark de velocidad para Shopify
| Métrica | Malo | Aceptable | Bueno |
|---|---|---|---|
| LCP | > 4s | 2.5-4s | < 2.5s |
| INP | > 500ms | 200-500ms | < 200ms |
| CLS | > 0.25 | 0.1-0.25 | < 0.1 |
| Speed Score (Shopify) | < 30 | 30-60 | > 60 |
La velocidad no es un “nice to have”. Es dinero directo. Cada milisegundo que pierdes es conversión que desaparece, y Google castiga tu posición. Las tiendas rápidas venden más, punto. En 2-4 semanas con las optimizaciones correctas ves la diferencia.
¿Tu tienda carga lento y no sabes por qué? Aplica aquí y hacemos una auditoría técnica. Te decimos exactamente qué está roto y cómo arreglarlo. 48h.
