Uploaded February 2025 | Updated September 2026, 3 hours ago
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 lichter.link/vue-ams-25 *
🔗 Meetup BEFORE Vue.js Amsterdam meetup.com/funda-meetup/events/305514997
🔗Vite Bundle Visualizer github.com/KusStar/vite-bundle-visualizer
📺 @DejaVueFm #E047 - A Vue at Alexander Lichter 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.
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 lichter.link/vue-ams-25 *
🔗 Meetup BEFORE Vue.js Amsterdam meetup.com/funda-meetup/events/305514997
🔗Vite Bundle Visualizer github.com/KusStar/vite-bundle-visualizer
📺 @DejaVueFm #E047 - A Vue at Alexander Lichter 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.
