Explain the concept of lazy loading in Angular 2?

Lazy Loading in Angular 2 is used to delay the loading of an object until it is required by the application.

With lazy loading in Angular, you can split your Angular application into small bundles that can be loaded as required (dynamically). While using it, the Angular router pre-loads the other parts of the application in the background when the user is interacting with the part of the app that is loaded. As in other frameworks, lazy loading has several benefits in angular js such as application loading is fast as there are fewer modules to load initially, on-demand loading of modules and faster navigation experience for the user.