How can I check or prove that a module in angular2 is lazy loaded?

Question

If I have access to an angular2 application\'s code and there is a module that is supposedly lazy loaded, is there a way, independent of examining the code, that I can test that

Answer 1

Background Concept: First of all, one thing needs to be clear about lazy loading. When you lazy load, it basically loads your module lazily in Memory (RAM) not from network or server. Module (js script) already present in Browser cache (HD) - got from network during app loading. Thus by lazily loading particular module helps in memory optimization, not network optimization.

How to check: Just put a console.log in constructor function of the module class definition

import { NgModule } from '@angular/core';

import { LazyComponent } from './lazy.component';
import { LazyService } from './lazy.service';

@NgModule({
  imports: [ ],
  declarations: [ LazyComponent ],
  providers: [LazyService]
})

export class LazyModule {
  constructor() {
    console.log('Lazily Loaded : LazyModule');
  }
}