Understand your Angular bundle size for faster apps

  Рет қаралды 3,734

Digital Fluency

Digital Fluency

Жыл бұрын

This is a quick video showing off source-map-explorer and bundle size analysis with Angular v15. We'll install a brand new app using the CLI, and then add Angular Material and see where changes to our bundle size come from.
Knowledge is half the battle.

Пікірлер: 17
@melvinselvaraj
@melvinselvaraj Жыл бұрын
Great to see you back ❤️
@Ruslan4ic
@Ruslan4ic Жыл бұрын
Nice to see you back!
@Nurtylek
@Nurtylek Жыл бұрын
Wow, welcome back Steven!
@MStoica
@MStoica Жыл бұрын
Hi Stephen! So glad this kind of videos are back! Always awesome content! Thank you! Also great name for the channel :D I think you rebranded it, I don't remember this name, but I was already subscribed :) It's very catchy, and great idea regarding "fluency" :D
@DigitalFluency
@DigitalFluency Жыл бұрын
I did rebrand! You may start seeing some non Angular content
@semperfiArs
@semperfiArs Жыл бұрын
Please post more videos 🙌
@thorenjp
@thorenjp 6 ай бұрын
I am getting bundle size exceeds error while running ''npm run build" on my angular project please give me a solution so that i can fix it
@aram5642
@aram5642 Жыл бұрын
Could you also explain how scss imports/use statements affect bundle size?
@DigitalFluency
@DigitalFluency Жыл бұрын
Component scoped css/scss ends up as JS in your component or modules bundle size. Global css/scss ends up in your global separate stylesheet
@aram5642
@aram5642 Жыл бұрын
@@DigitalFluency what happens though if every single components imports the same scss mixin from a shared scss. Is that added n times to the final bundle?
@AlphaFrog1021
@AlphaFrog1021 Жыл бұрын
don't like the fact that basic material components which is needed in most apps add over ~200kb to main bundle
@alandsilva7180
@alandsilva7180 Жыл бұрын
Do assets impact bundle size?
@DigitalFluency
@DigitalFluency Жыл бұрын
No, they are separate.
@kangqian8288
@kangqian8288 Жыл бұрын
Lol... Is he back to angular again???
@DigitalFluency
@DigitalFluency Жыл бұрын
I'll always be in the Angular community. I'm a Google Developer Expert in Angular. You'll be seeing other videos soon though!
@kangqian8288
@kangqian8288 Жыл бұрын
@@DigitalFluency glad to hear it.. Cause still love angular👍
@andreu9431
@andreu9431 Жыл бұрын
𝖕𝖗𝖔𝖒𝖔𝖘𝖒
Optimize the bundle size of an Angular application
13:23
Angular
Рет қаралды 54 М.
НЫСАНА КОНЦЕРТ 2024
2:26:34
Нысана театры
Рет қаралды 1,4 МЛН
Mama vs Son vs Daddy 😭🤣
00:13
DADDYSON SHOW
Рет қаралды 47 МЛН
Web Workers in Action - Performance Boost for Web Applications (2023)
22:51
Know your Webpack bundle better with visualization
35:57
Swashbuckling with Code
Рет қаралды 10 М.
How Did I Not Know This TypeScript Trick Earlier??!
9:11
Josh tried coding
Рет қаралды 208 М.
You are using useFetch WRONG! (I hope you don't)
11:14
Alexander Lichter
Рет қаралды 23 М.
Angular Performance Best Practices - July 2020 (AngularNL)
32:13
Digital Fluency
Рет қаралды 10 М.
Building Your First Angular HTTP Interceptor
6:24
Digital Fluency
Рет қаралды 12 М.
Deferrable Views - New Feature in Angular 17
15:31
Decoded Frontend
Рет қаралды 19 М.
Samsung laughing on iPhone #techbyakram
0:12
Tech by Akram
Рет қаралды 6 МЛН
Сколько реально стоит ПК Величайшего?
0:37
АЙФОН 20 С ФУНКЦИЕЙ ВИДЕНИЯ ОГНЯ
0:59
КиноХост
Рет қаралды 1,2 МЛН
#samsung #retrophone #nostalgia #x100
0:14
mobijunk
Рет қаралды 13 МЛН