Slow admin module loading, how to eager load? #2698

5 Answer(s)

• 

  0

  ismcagdas created 7 years ago

  Support Team

  Hi,

  Current version uses lazy load, this causes the delay. Lazy load increases site's initial load time and makes development faster.

  Have you tried this in production ? Because it might be slower in development mode. If this is not acceptable for you, you can disable lazy load but we didn't do this and don't have experience on it. You can search on angular-cli's github repository for that.

  Thanks.

  Save Cancel
• 

  0

  paradoxit created 7 years ago

  Thanks, I tried it in production and it's still 3-4 seconds.

  I'll look into how to disable lazy loading for that module. I also heard about a feature called Preloading.

  Kind regards,

  David

  Save Cancel
• 

  0

  ismcagdas created 7 years ago

  Support Team

  Hi,

  We will be very happy to hear your feedback on this.

  Save Cancel
• 

  0

  paradoxit created 7 years ago

  I updated my root-routing.module.ts file to preload all lazy loaded routes and now there is no delay.

  See below code:

  import { NgModule } from '@angular/core';
  import { Routes, RouterModule, PreloadAllModules } from '@angular/router';
  
  const routes: Routes = [
      { path: '', redirectTo: '/app/main/home', pathMatch: 'full' },
      {
          path: 'account',
          loadChildren: 'account/account.module#AccountModule', //Lazy load account module
          data: { preload: true }
      }
  ];
  
  @NgModule({
      imports: [RouterModule.forRoot(routes,
      {
          preloadingStrategy: PreloadAllModules
      }),],
      exports: [RouterModule],
      providers: []
  })
  export class RootRoutingModule { }
  

  Save Cancel
• 

  0

  ismcagdas created 7 years ago

  Support Team

  Hi,

  Thank you very much for sharing the solution :). I think this will help others.

  Save Cancel