20211020_Filip Rakowski - How we are optimizing Nuxt without removing features in VueStorefront

How we’re optimizing Nuxt without removing features in VueStorefront. One of the implications of web shifting to mobile is the fact that we have to optimize our apps for mobile devices. With the overall complexity of our apps growing this task could be hard. We spend a lot of time figuring out how to make the new version of Vue Storefront that is based on Nuxt and Composition API as fast as possible. In this talk I want to share all, sometimes very hacky techniques we used to make Vue Storefront scoring great on Lighthouse (85-90 ) despite significant complexity and inability to use static mode. You will learn which modules we used to optimize our bundles, when to preconnect and prerender, how we’re making use of `transpile` property to use treeshaking more effectively, how we saved around 100 kb by proxying our client-side GraphQL requests via REST API to Nuxt middleware and how we’re making sure that our project bundles will not grow over time and responses will always be extremely fast by keeping our business logic on the server-side. This talk is a deep dive into various hacks we used to keep our Nuxt app and that you can use in your apps to achieve great results with a relatively small amount of work. ________ Slides: ________ Rewatch more recordings from our past conferences at our video portal ➡️ ________ Our conferences: ➡️ ➡️