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 :

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

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:

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

Follow us on:

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.

[vaishalipawle]

Really it's nice and simple to understand. It's request to make more videos on angular.

[RZ]

Amazing explanation !!! You are just awesome. This really helps me. Thank you soo much.

[satishsubhashish]

Your Angular videos is really Awesome. I am an experienced Angular ...Still to know more things...i liked all your videos

[myvue]

Madam awesome video, your way of explanation and concept is a drug to me which I have addicted. Keep on posting, God bless you

[rashidtp]

browser module internally use common module so we are not using in app module right but in feature module we have to import it separately right to use structural directives, pipes, attribute directives etc...

[saurabhsrivastava]

Oh man... Amazing explanation.. Thank you much 🥰

[SaiNihiraChalla]

Tqu madam. I am getting more clarity from your videos.

[Prashant-qy]

Its just awesome, I wish many more success come to your way. Its look like you're giving the best to share your knowledge.

[rohitbalaji]

I have watched your tutorials..Very Crystal Clear Explanation Nisha..

[akbees]

Your angular playlist has been very helpful

[systemmanager]

Very nice and clear explanation on this topic

[Shivar_Krishi_Vidnyan_Kendra]

thank you @nisha singla. practical oriented class of angular

[shravan__]

Thanks for the video it helped a lot👍🏼

[sohailamjad]

Hi nisha ..i just want to say you all angular lecture is mindblowing ..so you please make a video on ngrx ..that would be very helpful

[gururajmoger]

Thanks..it could b greatful if you do some projects by using all these concepts .. reusable ui components👍👌

[entertainmentofficial]

while creating component getting below errors
PS D:\Study\Medical> ng g c page-notfound -is -it
Error: Unknown argument: i

[dileepc.p]

Hi Nisha could you please make video on package and package.lock json, bit confusion on it, your explanation makes lifetime remembering the concepts.

[sivaprabha]

I have a confusion.. why did u include route in .module file for child, why didnt u make routing file for module ? Also for loadChildren why didnt u use .import and then ? Please reply

[lifeisbeautiful]

Hi, I have gone through your Angular tutorial. I want to ask you regarding jwt authentication in Angular. Please provide some information on how to implement Angular + JWT ?

[Awarapuneri]

Does angular lazy loading use to load module lazily or it is used to load particular component from module lazily ?