Situación

Tienda Shopify con theme cargado de scripts/apps, LCP alto y CLS constante. Necesitaban control sobre performance y accesibilidad sin perder conversion.

Tarea

Construir un front headless con Astro + Storefront API, con budgets de CWV, accesibilidad por defecto y SEO tecnico consistente.

Acción

1) Auditoria de CWV y mapa de dependencias de JS/terceros. 2) Migracion a Astro con islands minimas y preload de assets criticos. 3) Layouts accesibles (landmarks, orden de foco, modales/menu) y tests de teclado. 4) Canonicos/hreflang por plantilla y JSON-LD (Person, WebSite, BreadcrumbList). 5) Monitoreo post-lanzamiento con dashboards de CWV y alerts.

Resultado

• LCP PDP 3.4s -> 2.1s p75 (CrUX)
• CLS 0.12 -> 0.03; INP <= 180ms
• SEO tecnico estable: canonicos, hreflang y schema
• CVR checkout +6% y rebote -9% en mobile
• Trafico organico a PDP +18% en 45 dias