Bundle size after migrating to all standalone and implementing lazy loading

Question

Initially I had implemented a single module per component, and module-based lazy-loading in my app. At that time my main.js bundle size was 2mb. Now I converted to all standalone components and implemented lazy loading for standalone components. Now my bundle size is 4mb. Any idea what can be the root problem or a solution? Has anyone else faced this issue?

I verified the vendorChunk in build config, it's already true.
I tried optimising the lazy loading as much as possible.

Please provide enough code so others can better understand or reproduce the problem. — Community
– Community Bot, Commented Mar 15, 2024 at 17:37

shindetsu · Accepted Answer · 2024-03-15 16:38:50Z

0

No, Angular's lazy loading feature does not reduce the bundle size, it only loads a fraction of the bundle (on demand) -AKA chunk- instead of loading it entirely. So for your case, bundle size wont decrease from 4MB, but also wont load 4MB at once.

answered Mar 15, 2024 at 16:38

shindetsu

1741 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Bundle size after migrating to all standalone and implementing lazy loading

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related