Por qué tu tienda online pierde ventas cada segundo que tarda en cargar

Una tienda de complementos perdía el 68% de visitantes móviles antes de que cargara la página. Tardaba 6.2 segundos en mostrar contenido. Les costaba 400 euros diarios en ventas perdidas según sus propios datos de Analytics.

JavaScript bloqueaba el renderizado

Tenían 12 scripts externos cargando antes del contenido: Facebook Pixel, Google Analytics, chat en vivo, pop-ups, tres plugins de Shopify. Movimos todos los scripts no críticos a carga asíncrona con defer y async. Solo esto bajó el tiempo a 4.1 segundos.

Imágenes sin lazy loading

Cada página de categoría cargaba 60 imágenes de producto de golpe. El navegador descargaba 40MB antes de mostrar nada. Implementamos lazy loading nativo con loading="lazy" y solo cargaban las primeras 12 imágenes. Tiempo de carga inicial: 2.8 segundos.

CSS sin optimizar

Cargaban cinco hojas de estilo diferentes de distintos plugins. Combinamos todo en un CSS crítico inline para above-the-fold y el resto en carga diferida. Ganamos 0.6 segundos más.

Sin caché de navegador configurado

Cada visita descargaba todo desde cero. Configuramos caché de 30 días para imágenes y recursos estáticos en el .htaccess. Las visitas recurrentes pasaron a cargar en 0.9 segundos.

Servidor lento de respuesta

El TTFB era de 1.2 segundos. El hosting compartido no daba más. Los migramos a un VPS con Cloudflare CDN delante. TTFB bajó a 0.3 segundos.

Fuentes web pesadas

Cargaban cuatro familias de Google Fonts con 8 pesos diferentes. Redujimos a una familia con dos pesos y las servimos desde el propio servidor. Ahorro: 0.2 segundos.

Resultado final: 1.8 segundos de carga en móvil. La tasa de rebote bajó del 71% al 43%. Las conversiones subieron un 29% en seis semanas. Google subió la tienda dos posiciones de media en todas las keywords principales porque Core Web Vitals mejoró brutalmente.