Drive Through Lazy Loading in Ionic 3 with Angular 4

Recently while I was doing a project with ionic framework + angular I found that my application takes too much time to startup. So I did some research to find a way to avoid this and found out about lazy loading. Lazy loading is a technique used in angular that allows to load components and modules asynchronously on demand. This helps to decrease the startup time. With this the application doesn't need to load everything in the startup or at once. On startup it loads only the part that the user expects to see and this saves the time it takes to load unnecessary modules or components. Modules that are lazily loaded will only be loaded when the user expects to see them or navigates to them. Purpose of this article is to define a simple module that will demonstrate a lazy loading component. Create a new ionic App First create a new blank ionic app from the CLI. $ ionic start myApp blank Then open the project folder with your favorite text editor.So our default NgMo...