Dynamic Module Loading
Implement dynamic loading of remote modules to improve initial load times and optimize resource usage.
What is Dynamic Loading?
When building large web applications, especially with Micro Frontends, loading everything at once can make your app slow to start. This is where dynamic module loading comes in!
It's a technique that allows you to load parts of your application only when they are actually needed, rather than upfront.
Why Dynamic Loading for MFEs?
In a Micro Frontend architecture, different teams own different parts of the UI. Often, a user might only interact with one or two Micro Frontends at a time.
- Improved Performance: Only download the code for the Micro Frontends currently in view.
- Faster Initial Load: Reduce the initial bundle size, making your application feel snappier.
- Optimized Resource Usage: Save bandwidth and memory by not loading unused modules.