Velocidad de carga y conversión

Los estudios de Google, Akamai y Amazon han demostrado consistentemente la relación directa entre velocidad y conversión. Amazon estimó que cada 100ms de retraso les costaba un 1% de ventas. Walmart observó que cada segundo de mejora en velocidad incrementaba la conversión un 2%.

En ecommerce, el impacto es especialmente crítico en mobile commerce, donde las tasas de conversión ya son menores que en desktop. Una web que tarda 5 segundos en cargar en móvil pierde más del 50% de sus visitantes antes de que vean una sola línea de contenido.

Los Core Web Vitals son tres métricas definidas por Google que miden la experiencia de carga: LCP (Largest Contentful Paint) mide cuándo se renderiza el contenido principal, INP (Interaction to Next Paint) mide la responsividad a interacciones, y CLS (Cumulative Layout Shift) mide la estabilidad visual.

Los umbrales de rendimiento definidos por Google son: LCP bajo 2.5 segundos (bueno), INP bajo 200ms (bueno), y CLS bajo 0.1 (bueno). Superar estos umbrales mejora tanto el SEO como la experiencia del usuario, que son las dos caras de la misma moneda.

Las optimizaciones de mayor impacto suelen ser las más básicas: comprimir y redimensionar imágenes, minificar CSS/JS, habilitar compresión gzip/brotli y configurar cache. Solo estas acciones pueden reducir el tiempo de carga a la mitad en muchas webs.

Para mejoras adicionales, las técnicas avanzadas incluyen: lazy loading de imágenes y vídeos below the fold, preload de recursos críticos (fuentes, CSS above the fold), eliminación de JavaScript no utilizado (tree shaking), y CDN para reducir la latencia geográfica.

En móvil, la velocidad depende de factores que no controlas: la calidad de la conexión del usuario (3G, 4G, WiFi inestable) y la potencia de su dispositivo (no todos tienen el último iPhone). Optimizar para móvil significa optimizar para el peor caso razonable.

Google recomienda probar tu web con una conexión 4G simulada y un dispositivo de gama media. Si tu web funciona bien en esas condiciones, funcionará bien para la mayoría de tu audiencia móvil. Chrome DevTools permite simular estas condiciones exactas.

Google PageSpeed Insights proporciona datos de campo (usuarios reales del Chrome UX Report) y datos de laboratorio (simulados). Los datos de campo son los que Google usa para el ranking y los más representativos de la experiencia real. WebPageTest ofrece análisis más detallados con cascadas de recursos y filmstrips.

Para monitorización continua, herramientas como SpeedCurve o Calibre alertan cuando el rendimiento degrada. Integrar checks de velocidad en tu CI/CD (con Lighthouse CI) previene regresiones de rendimiento antes de que lleguen a producción.

La inversión en velocidad tiene un retorno directo en conversiones y un retorno indirecto en SEO. Para calcular el ROI, estima cuántas conversiones adicionales generaría una mejora específica de velocidad basándote en los datos del sector.

Si tu web recibe 50.000 visitas/mes, convierte al 2% y cada conversión vale 100€, una mejora de 1 segundo en LCP que incremente la conversión un 10% representaría 1.000 conversiones adicionales al año × 100€ = 100.000€. El coste de las optimizaciones rara vez se acerca a esas cifras.