How we are optimizing Nuxt without removing features in VueStorefront
summary
Claims a >30% asset size reduction and Lighthouse 85–90+ on a fully featured universal Nuxt demo without removing features. Moves business logic to server, proxies client GraphQL via REST to Nuxt middleware saving ~100 kb saved, and uses the `transpile` trick for better treeshaking. Defers hydration with vue-lazy-hydration, strips unused CSS with a Nuxt purge module, and enables modern mode to serve smaller modern bundles; the demo works and speeds up real mobile interactions.
AI-written summary · about
chapters (8)
- 0:00Start
- 0:40One of the main problems we want to solve with Vue Storefront is eCommerce shops performance
- 3:54Lot of code
- 4:06The simpler site is the better its performance
- 8:37What we did in Vue Storefront?
- 13:56Improve hydration performance
- 20:14Optimize your SSR output
- 22:34Use modern mode
