Carabachuis: un journey fluido, rápido en mobile

E-commerce (Woo + Mercado Pago + LSCache) — 10 días — LCP <2s · CLS <0.1

Contexto (El problema real)

Antes, comprar podía estancarse por pequeños detalles que se acumulaban: imágenes pesadas que shiftaban el contenido, validaciones de checkout poco claras y redirects de pago con estados inconsistentes. En mobile, TTFB inestable y un header sticky causaban reflow visual (CLS) y hesitación en el último paso.

Qué hicimos — Performance

• Implementamos imágenes responsive (srcset/sizes) y preload del hero para estabilizar LCP.
• Declaramos width/height intrínsecos y refinamos el orden de enqueues para eliminar CLS.
• LSCache + QUIC.Cloud tuning sin romper los flujos de cart ni checkout.
• Redujimos scripts no críticos y deferreamos código de terceros más allá del LCP window.

Qué hicimos — Checkout y UX

• Fixeamos las URLs de return/notify de Mercado Pago y unificamos el manejo de status para confirmaciones confiables.
• Simplificamos validaciones y microcopy de errores para que los usuarios entiendan y recuperen rápido.
• Streamlineamos PDP → Cart → Checkout con feedback UI inmediato y menos pasos.
• Estabilizamos el comportamiento del header y agregamos placeholders para prevenir content jumps en mobile.

Datos y Medición

• Configuramos GA4 + GTM con un funnel e-commerce end-to-end.
• Trackeamos view_item → add_to_cart → begin_checkout → purchase.
• Corrimos QA con DebugView y órdenes reales; documentamos supuestos y test cases.

Resultados (Antes/Después + fechas)

• Mobile LCP: ~3.1–3.6 s → <2.0 s (PSI mobile, 4G, 15–30/09/2025)
• CLS: ~0.20–0.26 → <0.10 después de placeholders + header fijo (PSI, 15–30/09/2025)
• Pagos estables: 0 errores durante la ventana de control (logs MP/GA4, 15–30/09/2025)
• Funnel visible: +10–15% begin_checkout → purchase (GA4, 09/2025 vs 08/2025)

Nota de método: PSI (mobile) con 4G simulado; GA4 con eventos estándar y QA en staging antes de producción.

Qué sigue (Próxima iteración)

• A/B de microcopy en checkout para drivear +3–5% de conversión.
• Optimización de INP vía script gating para alcanzar <200 ms en PDP/checkout.
• Bundles/combos guiados para +5–8% de AOV sin ruido visual.
• Looker/Explorations con alertas real-time para drops de conversión.
• Política AVIF + preload selectivo para mantener LCP consistentemente bajo.