Lazy Loading - Angular (Tutorial #29)

Lazy Loading is one of the most important part of angular . Lazy Loading is a technique to load your components and module lazily so that your application's speed can be improve. By default angular loads modules and component using eagerly loading , it means as soon as your application loads it loads all its data, so with this approach your application bundle size increases a lot and due to big bundle size application performance decreases. So Lazy Loading helps us to download the files lazily(some point later)when user actually request it.

Angular implement lazy loading with the help of Featured module. We have already learnt about feature module in our previous video. Please learn about featured module here :

   • Featured Module - Angular (Tutorial #28)  

In this video we have also used one google chrome extension Augury

To learn in-dept of angular recommend this book: https://amzn.to/3f1nf9q
Augury is the most used Developer Tool extension for debugging and profiling Angular applications inside the Google Chrome and Mozilla Firefox browsers.

You can learn more about Augury here:
https://augury.rangle.io/

We have used Routing in this video. If you have find doubt in Routing. Please watch this video:

   • Routing - Angular (Tutorial #20)  

Subscribe to my channel :    / nishasingla  

Watch complete playlist here:    • Introduction- Angular (Tutorial #1)  

Follow us on:

Facebook:   / angularjs4beginners  
LinkedIn:   / nisha-singla-82407aa0  
Website :
Instagram:  / passion4code  

For more such interesting videos, please subscribe to our channel and stay connected.

If you face any problem in lazy loading then leave a comment below and let me know. I'll be happy to assist you.