Avoid a common Vue PERFORMANCE KILLER

Registering components globally is a common patter but also often a performance killer. Learn in this video what a *better* way of adding third party components is and how to spot such chances in existing projects already. PS: You also learn reading a tree chart and analyzing your bundle! #vuejs3 #vue #typescript --- Links and Resources 🔗 Join me at Vue.js Amsterdam 205 - 10% OFF with Code LICHTER https://lichter.link/vue-ams-25 * 🔗 Meetup BEFORE Vue.js Amsterdam https://www.meetup.com/funda-meetup/events/305514997/ 🔗Vite Bundle Visualizer https://github.com/KusStar/vite-bundle-visualizer 📺 @DejaVueFm #E047 - A Vue at Alexander Lichter https://www.youtube.com/watch?v=kiKHq9oWbnc --- Chaptermarks 00:00 Intro 00:19 Don't be lazy! 01:12 Our simple demo app 06:23 Registering our test component globally 08:04 Comparing charts before and after 09:30 How to resolve the performance faux pas 11:13 Comparing all three charts 12:05 Auto imports vs global registration 13:08 Wrapping up --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with.