Vue Performance Tips
DejaVue · Alexander Lichter & Michael Thiessen
Audio is streamed directly from the publisher (media.transistor.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
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.