Помогите, пожалуйста, разобраться с оптимизацией приложения. Есть приложения на Angular2. Минимизацию делал по этой статье. Без webpack. Командами
browserify -s main dist/main.js > dist/bundle.js
и
uglifyjs dist/bundle.js --screw-ie8 --compress --mangle --output dist/bundle.min.js
получилось минимизировать бандл, но он занимает 1.7 метра. Структура app.module.ts проекта очень большая на мой взгляд.
@NgModule({
imports: [
BrowserModule,
CommonModule,
FormsModule,
Ng2PaginationModule,
HttpModule,
FormsModule,
DatePickerModule,
Ng2GoogleChartsModule,
routing,
AgmCoreModule.forRoot({
apiKey: 'AIzaSyAqIBAiCeLH9A5I5lqEK3iK1j3gAmL3yIg',
libraries:['geometry', 'places']
})
],
declarations: [
MainComponent,
AuthComponent,
RecoveryComponent,
BaseComponent,
IndexComponent,
UsersComponent,
ActiveDriversComponent,
AdminsComponent,
ClientComponent,
DriversApplicationsComponent,
ActiveDriverComponent,
ActivationComponent,
OrdersCanceledComponent,
AllOrderForDriverComponent,
NewUserComponent,
DriverRateComponent,
DeterminationErrors,
HttpPopupErrors,
TranslatePipe,
CKEditorComponent,
OrdersComponent,
SelectLanguageComponent,
SelectRoleComponent,
SelectNoticeComponent,
CurrentOrdersComponent,
NotConfirmedComponent,
DeferredOrdersComponent,
CompletedOrdersComponent,
AbolishedOrdersComponent,
DriversOffersComponent,
EvaluationEditorComponent,
NewOrderComponent,
OrderInfoComponent,
PermissionDeniedComponent,
SelectBoxComponent,
NewsComponent,
CreateNewsComponent,
EditNewsComponent,
PublishedNewsComponent,
SelectFilterComponent,
ChangeStatusComponent,
PaymentsTemplatesComponent,
PaymentsComponent,
NewTemplateComponent,
NewTemplateComponent,
ChangePasswordComponent,
EditTemplateComponent,
SupportComponent,
TemplatesComponent,
DraftsComponent,
AppealsMessagesComponent,
NotificationsComponent,
NotificationComponent,
CountriesComponent,
AddCountryComponent,
AddCityComponent,
EditCountryComponent,
EditCityComponent,
CurrentBalanceComponent,
MarkerClusterDirective,
DriverMapDirective,
PersonalDirective,
AllInfoDirective,
StatisticDirective,
SearchDirective,
DateRangePickerDirective,
PersonalAutoDirective,
DocumentsDirective,
PaginationDirective,
HelpersDirective,
SimpleRateDirective,
FilterPipe,
PluralPipe
],
providers: [
Urls,
User,
SearchModel,
HttpService,
CurrencyService,
Md5,
DeterminationErrorService,
TRANSLATION_PROVIDERS,
TranslateService,
LocationService
],
schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
bootstrap: [ MainComponent ]
})
В связи с этим есть вопросы. Поможет ли в данной ситуации ленивая загрузка модулей, и если поможет то как разбить на отдельные модули данную структуру (не понятен сам принцип)?
Возможно ли как то ещё оптимизировать приложение?