Привет, я работаю над приложением Angular с работником сервиса и рендерингом на стороне сервера.
я [убрать все тайм-ауты, сделать модуль приложения легким и уменьшить визуализацию html] приложение достигает около 50% на мобильных устройствах, моя скорость тестирования Google и малый дом около 60%
мой модуль приложения
@NgModule({
imports: [
BrowserModule.withServerTransition({
appId: 'easy-school'
}),
FormsModule,
AppRoutingModule,
HttpClientModule,
CoreModule,
NgxJsonLdModule,
ReactiveFormsModule,
LazyLoadImagesModule,
AppRoutingModule,
BrowserTransferStateModule,
RouterModule,
DirectiveSharedModule,
TranslateModule.forRoot({
loader: {
provide: TranslateLoader,
useFactory: (createTranslateLoader),
},
isolate: true
})
],
declarations: [
AppComponent,
NotFoundPageComponent,
DownloadAppComponent,
FooterComponent,
NavBarComponent,
AskQuestionComponent,
AlertComponent
],
providers: [
{
provide: LOCALE_ID, useValue: environment.locale
},
],
bootstrap: [AppComponent]
})
серверный модуль
@NgModule({
imports: [
AppModule,
ServerModule,
RouterModule.forRoot([
{ path: 'shell', component: AppShellComponent }
]),
ModuleMapLoaderModule,
],
providers: [
{
provide: NgModuleFactoryLoader,
useClass: ModuleMapNgFactoryLoader
}
],
bootstrap: [AppComponent],
declarations: [AppShellComponent],
})
