Angular Lazy Loading
Benefits of Lazy Loading
- Keep the initial payload small
- Smaller payloads leads to faster download speeds
- Lower resource costs specially on mobile networks
What about the benefits for us (DEV's)?
- Code splitting / Modularity
- Isolated modules/features
- Let us to organize an app into cohesive blocks of functionality.
So... how it works?
Let's see some code
Resources
- https://angularfirebase.com/lessons/how-to-lazy-load-components-in-angular-4-in-three-steps/
- https://www.nativescript.org/blog/optimizing-app-loading-time-with-angular-2-lazy-loading
- https://vsavkin.com/angular-router-declarative-lazy-loading-7071d1f203ee
- https://scotch.io/tutorials/lazy-loading-in-angular-v2
- https://dzone.com/articles/real-world-angular-series-part-8a-lazy-loading-pro
What's next?
Let's figure out how we can do this in a Meteor-React Way!
You'll find a clue below