In a . That gives you a lot of control over which route to preload and which not, whether it is based on the user's permissions or some runtime app config. In this lesson we're using , a library that drastically simplifies the custom preloading, by automatically loading all visible links on the page.

 

Install:

npm install --save ngx-quicklink

 

Load the module:

import { QuicklinkStrategy, QuicklinkModule } from 'ngx-quicklink';@NgModule({  declarations: [AppComponent, HomeComponent],  imports: [    BrowserModule,    MatSidenavModule,    BrowserAnimationsModule,    QuicklinkModule,    RouterModule.forRoot(      [        {          path: '',          component: HomeComponent        },        {          path: 'nyan',          loadChildren: () =>            import('./nyan/nyan.module').then(m => m.NyanModule)        },        {          path: 'about',          loadChildren: () =>            import('./about/about.module').then(m => m.AboutModule)        }      ],      {        preloadingStrategy: QuicklinkStrategy //PreloadAllModules      }    )  ],  providers: [],  bootstrap: [AppComponent]})