Vue Performance Tips

Vue is fast (actually the fastest SSR framework)! But sometimes apps might a bit more fine-tuning. And by sometimes, we mean rarely.

Still, it can happen - so join Alex and Michael in this DejaVue episode to dive into what tools Vue gives us to improve the frameworks' performance. 

Further, they dive into the recent SSR benchmark and what it means for you as a developer, as well as striving topics like perceived performance. 

Enjoy the episode! 

Chapters

• (00:00) - Intro
• (01:14) - The topic of this episode - Performance
• (02:05) - Optimizing for performance from the beginning?
• (04:03) - Prop stability
• (08:18) - v-once
• (10:45) - v-memo
• (12:57) - Does v-pre fit into the mix?
• (14:28) - Recalculation of computed's
• (20:47) - Virtualization
• (24:05) - shallowRef
• (27:25) - Vapor Mode in the future
• (28:44) - Server Side Rendering
• (29:14) - The recent SSR benchmark
• (31:35) - Results of the benchmark
• (32:00) - What does this mean for you?
• (35:19) - Perceived performance
• (37:33) - Improving SSR performance
• (39:12) - VueConf Toronto
• (40:20) - Wrapping up

Links and Resources

• 15% discount for the VueConf Toronto* with code DEJAVUE

• DejaVue #E026 - Vue 3.5 Analyzed
• DejaVue #E027 - Working at AWS (with Erik Hanchett)
• v-once
• v-memo
• v-pre
• The shallowRef guide
• Performance Vue Docs
• Michael Reactivity From Scratch Free Course
• Vapor Mode
• Reading vuejs/core-vapor
• DejaVue #E001 - The Need for Server-Side Rendering (SSR)
• Alex' SSR Benchmark video

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.