Optimize the bundle size of an Angular application

In this video learn how to optimize the bundle size of your Angular applications. You'll learn:
‣ What's tree-shaking
‣ Understanding the structure of your production bundles
‣ Using code splitting and finding suboptimal imports

[yurakhomitskyi]

We need more tutorials/guides from Angular. Fireship is great tutorial maker, I believe he can bring Angular to the next level.

[yogenp]

Much needed video on Angular optimization. Awesome, Angular and Jeff.

[shy]

Wow! Thank you for the video. I probably paused every 20 sec to check my code for mistakes. Really helpful stuff!

[yurakhomitskyi]

Would be cool having video about Best Practice/Anti-Pattern in Angular from Angular team

[codeaperture]

I never knew Jeff has another. Thanks to your Slack channel!

[urhxor]

Awesome tutorial! This is so great! Love that you covered specific fixes for moment and lodash.

Code splitting at the feature level is awesome! Thanks for this easy-to-follow explanation of how it works. It will really help to teach my team. I would love a tutorial on the more advanced features of preload strategies for those bundles and code splitting at the component level. I'm sure those are coming! You all are doing awesome work with the videos! Keep it up!

[Omryking]

That voice from that dude from FireShip right?

[aram]

Proper way of customizing bootstrap or ailwaind deserves a separate video, IMO. Also, when should we re-export imported modules? And does that affect bundle size if you fail to re-export?

[baaaanan]

what if one of my lazy loaded module use third dependency, e.g. quill.js. Right now I have this dependency inculded in my initial boundle, is there a way to incude it together with the lazy loaded module?

[FrietZakjeh]

Heey, currently our app has been really slow in building.
Does tree shaking also improve build performance, since you have less to build?

[luismpcunha]

How can we implement lazy loading at a component level instead of at the router level? It's common for a lot of components to not be routable.
Also, even with specifying the packages, Firebase is still huge :/

[f-xk]

I learned a lot from this class. Obrigado!

[sujoyinnovates]

Hey man how to apply compression during build. You pointed out the problem, without suggesting any solution.

[nhanth]

Really impressive and useful for everyone.

[urhxor]

Does anyone have recommendations for a good target bundle size? What's the optimal size we want to set our budgets to?

[albijmadhikarmi]

could you also tell about domino and how to handle window is undefined with angular packages with angular universal and it's solutions. it been months and i am still not able to use ssr with packages i've used during my development

[klutch]

HEY THAT VOICE REMINDS ME OF THIS GRANDMASTER I KNOW

[MartinOckovsky]

Thank you for your great work. Any resources for the style imports please?

[vatsalyasinghi]

Hi please do a similar video on Ionic 5.. thanks !

[thesrinathkamath]

is this @fireship who's speaking?