VUECONF US 2019 | 9 Performance Secrets Revealed with Guillaume Chau

Performance secrets from a Vue.js core team member to help you improve an app's performance to create a better user experience.
Watch more Vue conference talks 👉🏼 www.vuemastery.com/conferences
Get your free Vue essentials cheat sheet 👉🏼 www.vuemastery.com/vue-cheat-...
Explore Vue.js courses 👉🏼 www.vuemastery.com/courses
Get in touch 👉🏼 [e-mail]
Tweet us 👉🏼 / vuemastery
0:00 Introduction
0:27 Agenda
0:50 1 - Functional components
3:20 2 - Child component splitting
5:28 3 - Local variables
7:40 4 - Reuse DOM with v-show
9:30 5- keep-alive
11:45 6 - Deferred features
15:10 7 - Time slicing
18:56 8 - Non-reactive data
21:44 9 - Virtual scrolling

[@cristijora1437]

This talk is straight to the point, with great examples, proof and demos. Big thumbs up to Guillaume

[@danielkurz7806]

this is pure gold, love it

[@athleliveidf]

What a great video! The best tips for vuejs ever.
Merci Guillaume. Tres bon travail. Bonne continuation.

[@manju4ever222]

This is mind blowing !!!! I'm a noob and i already wanna optimize the code. Thanks Guillaume. You should write a book and i'd buy it in a heartbeat.

[@BenMcCallums]

Awesome tips, thanks!

One of the best!Thx

[@pavlogrydzhuk1913]

Thanks for awesome tips and great job!

[@mohammadalhallaq9246]

oh thank you so much , this will help me a lot ❤❤🙏🙏

[@MaxCoplan]

These are great techniques! Thanks for the talk. If I could add one suggestion, I wish alongside the pie-chart breakdown of times, you also had memory plots next to each of them

[@renwar]

Thank you so much

[@hyperupcall]

These are amazing techniques! But will the effect of some techniques be insubstantial after Vue 3 optimizations?

[@Andrey-il8rh]

I think the move to functional component is not that beneficial now in terms of performance especially considering the use of composition API

[@thejaredwilcurt9336]

Slides: slides.com/akryum/vueconfus-2019#/3
Repo: github.com/Akryum/vue-9-perf-secrets

[@denisberkovich2096]

Thank you very much!
Somehow the performance secret "Deferred features" didn't really work out for me. Somehow I am not expiriencing loading improvements.

[@Andrey-il8rh]

Is the switch to functional components still beneficial in Vue 3 ? I've heard the performance is the same now

[@MaxCoplan]

I don't see how Child component splitting made a big effect here. How does the render function give the result of `this.heavy()` to `ChildComp`?