Angular developers commonly struggle with performance issues.

It’s one of the biggest drawbacks and largest troubles of the Angular framework.

How do I know?

Recently I surveyed a handful of Angular developers and asked them what their biggest frustration with Angular is. Here’s what they told me.

And small wonder. I grabbed the Angular CLI and generated a basic app. No fancy components. No extra packages or dependencies. Not even Angular routing.

And what do you think the size of the build files were?

Not too bad. I guess.

But I’d say that for a basic Angular web app with no kind of logical purpose that’s a bit big.

And if we aren’t careful our Angular apps will get heavy, fast.

So what can you do to improve your bundle size?

How do you make the bundle size of your Angular app smaller?

And what can be done to make your Angular app load faster?

Here are 4 ways to improve the bundle size of your Angular app. And in my experience, these 4 places are the best direction to aim your guns.

  • Investigate your app module. It has a sneaky way of growing on us
  • Lazy-load modules. Yup! Put that Angular app on a good diet
  • Tune your imports. Or you’ll be singing a slow tune.
  • Update to the latest version of Angular. Is it actually this simple?

#angular #software-development #web-development #javascript #programming

Angular  Tutorial:  How to Improve Your Bundle Size?
2.65 GEEK