Case study
Headless ecommerce: Astro + Shopify, CWV and accessibility
Retail · Frontend Lead / Technical SEO
Build a headless front with Astro + Storefront API, with CWV budgets, accessibility by default, and consistent technical SEO.
Key technical problem
Shopify store with a script-heavy theme, high LCP, and recurring CLS. Needed control over performance and accessibility without hurting conversion.
Critical technical decision
1) CWV audit and dependency map for JS/third-parties. 2) Migration to Astro with minimal islands and critical asset preloading. 3) Accessible layouts (landmarks, focus order, modal...
Stack
Highlights
- Replaced heavy theme with a controlled headless front end
- CWV budgets by template (home, PLP, PDP, blog)
Outcome
PDP LCP 3.4s -> 2.1s p75 (CrUX)