Caso de estudio
Headless ecommerce: Astro + Shopify, CWV y accesibilidad
Retail · Frontend Lead / Technical SEO
Construir un front headless con Astro + Storefront API, con budgets de CWV, accesibilidad por defecto y SEO tecnico consistente.
Problema tecnico clave
Tienda Shopify con theme cargado de scripts/apps, LCP alto y CLS constante. Necesitaban control sobre performance y accesibilidad sin perder conversion.
Decision tecnica critica
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, m...
Stack
Highlights
- Reemplazo de theme pesado por front headless controlado
- Budgets de CWV por plantilla (home, PLP, PDP, blog)
Resultado
LCP PDP 3.4s -> 2.1s p75 (CrUX)