如何解决angular-如何减少angular app的DOMContentLoaded时间
我正在练习angular并创建了一个我仅添加3个组件的应用程序。我的应用程序加载花费了26秒的时间,因此为减少此时间,我在应用程序中使用了惰性加载概念,但仍然无法正常工作。实施延迟加载概念后,我仍然有26秒的时间来加载我的应用。
注意:我正在3g网络上测试我的应用。
app-routing.module.ts:
import { NgModule } from '@angular/core';
import { Routes,RouterModule,PreloadAllModules } from '@angular/router';
import { MatTableModule } from '@angular/material/table'
import { FormsModule } from '@angular/forms';
import { MaterialModule } from './material/material.module';
import { MatFormFieldModule } from '@angular/material/form-field';
const routes:Routes=[
{path:"pipes",loadChildren: () => import('src/app/pipe-module/pipe-mod.module').then(m => m.PipeModModule)},{path:"products",loadChildren: () => import('src/app/product-module/product-mod.module').then(m => m.ProductModModule)},{path:"users",loadChildren: () => import('src/app/user-module/user-mod.module').then(m => m.UserModModule)},{
path: '',redirectTo: '',pathMatch: 'full'
}
]
@NgModule({
imports: [RouterModule.forRoot(routes),MatFormFieldModule
],exports: [RouterModule]
})
export class AppRoutingModule { }
package.json:
{
"name": "first-app","version": "0.0.0","scripts": {
"ng": "ng","start": "ng serve","build": "ng build","test": "ng test","lint": "ng lint","e2e": "ng e2e"
},"private": true,"dependencies": {
"@angular/animations": "^10.1.1","@angular/cdk": "^10.2.1","@angular/common": "~10.1.0","@angular/compiler": "~10.1.0","@angular/core": "~10.1.0","@angular/forms": "~10.1.0","@angular/material": "^10.2.1",AA
"@angular/platform-browser": "~10.1.0","@angular/platform-browser-dynamic": "~10.1.0","@angular/router": "~10.1.0","rxjs": "~6.6.0","tslib": "^2.0.0","zone.js": "~0.10.2"
},"devDependencies": {
"@angular-devkit/build-angular": "~0.1001.0","@angular/cli": "~10.1.0","@angular/compiler-cli": "~10.1.0","@types/node": "^12.11.1","@types/jasmine": "~3.5.0","@types/jasminewd2": "~2.0.3","codelyzer": "^6.0.0","jasmine-core": "~3.6.0","jasmine-spec-reporter": "~5.0.0","karma": "~5.0.0","karma-chrome-launcher": "~3.1.0","karma-coverage-istanbul-reporter": "~3.0.2","karma-jasmine": "~4.0.0","karma-jasmine-html-reporter": "^1.5.0","protractor": "~7.0.0","ts-node": "~8.3.0","tslint": "~6.1.0","typescript": "~4.0.2"
}
}
一切正常,但是我想减少我的应用程序的DOMContentLoaded时间
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。