How to handle small bundles in an Angular app to reduce network overhead?

I’ve noticed that my Angular app generates several small bundles (some as small as 179 bytes, with a few others under 3.1 KB). These small bundles are typically related to routing files or small dependencies (actually all of them are small route services which are needed).

I’m concerned about the network overhead of having many small bundles, especially when considering the TCP handshakes and additional requests these files create. My app is currently using HTTP/1.x, so each small bundle could introduce extra latency.

What is the best practice for handling small bundles in an Angular app to minimize network overhead? Should these small bundles be merged into larger ones, or is there another approach to optimize their loading?

I’d like to reduce network overhead while maintaining a modular structure and following Angular's best practices.

Continue reading...