Angular Ionic2加载应用程序最多需要30秒
使用ionic2和angular2,我们构建了几乎13-14个功能/模块 使用8-10个第三方npm依赖项和离子插件 Packge.jsonAngular Ionic2加载应用程序最多需要30秒,angular,ionic-framework,ionic2,Angular,Ionic Framework,Ionic2,使用ionic2和angular2,我们构建了几乎13-14个功能/模块 使用8-10个第三方npm依赖项和离子插件 Packge.json { "name": "Yugma", "author": "NxtLife Team", "homepage": "http://www.nxtlifetechnologies.com/", "private": true, "scripts": { "build": "ioni
{
"name": "Yugma",
"author": "NxtLife Team",
"homepage": "http://www.nxtlifetechnologies.com/",
"private": true,
"scripts": {
"build": "ionic-app-scripts build",
"watch": "ionic-app-scripts watch",
"serve:before": "watch",
"emulate:before": "build",
"deploy:before": "build",
"build:before": "build",
"run:before": "build",
"postinstall": "typings install"
},
"dependencies": {
"@angular/common": "2.2.1",
"@angular/compiler": "2.2.1",
"@angular/compiler-cli": "2.2.1",
"@angular/core": "2.2.1",
"@angular/forms": "2.2.1",
"@angular/http": "2.2.1",
"@angular/platform-browser": "2.2.1",
"@angular/platform-browser-dynamic": "2.2.1",
"@angular/platform-server": "2.2.1",
"@ionic-native/camera": "^3.4.4",
"@ionic-native/core": "^3.1.0",
"@ionic-native/file": "^3.4.4",
"@ionic-native/file-chooser": "^3.4.4",
"@ionic-native/transfer": "^3.4.4",
"angular2-moment": "^1.0.0-beta.rc.1",
"intl": "^1.2.5",
"ionic-angular": "2.2.0",
"ionic-gallery-modal": "^0.1.1",
"ionic-native": "^2.2.3",
"ionic2-calendar": "^0.2.4",
"ionic2-rating": "0.0.10",
"ionicons": "3.0.0",
"nxtlife-ionic2-rating": "^1.0.3",
"rxjs": "5.0.0-beta.12",
"sw-toolbox": "3.4.0",
"typings": "1.3.1",
"underscore": "^1.8.3",
"zone.js": "0.6.26"
},
"devDependencies": {
"@ionic/app-scripts": "^1.1.4",
"typescript": "2.0.6"
},
"cordovaPlugins": [
"cordova-plugin-whitelist",
"cordova-plugin-statusbar",
"cordova-plugin-device",
"cordova-plugin-console",
"ionic-plugin-keyboard",
"cordova-plugin-splashscreen"
],
"cordovaPlatforms": [],
"description": "NxtLifeYugma2: An Ionic project"
}
离子信息
Cordova CLI: 6.5.0
Ionic Framework Version: 2.2.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.3.7
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Linux 4.9
Node Version: v6.10.3
Xcode version: Not installed
太沮丧了,无法用ionic2解决这个问题。
欢迎大家提供任何建议。正如@Dhyey所提到的,除了在构建时使用标志
--prod
缩小文件之外,您可能还希望使用Ionic CLI标志(应同时使用v2Ionic build
和v3Ionic cordova build
命令)
正如您所提到的,延迟加载确实只在v3中可用(并且仍然被标记为beta/实验版),但AOT和缩小本身应该会减少应用程序的大小/启动时间。只需遵循以下链接: 我向您保证,在遵循以下链接/文档后,您将获得肯定的结果(至少90%) 在更新你的离子和角度版本后。你需要跟随 完成上述更改后,我的应用程序启动时间从20秒减少到13秒
谢谢。这是第一次还是实时重新加载?不仅是第一次,加载应用程序总是需要随机时间。您所说的“加载应用程序”到底是什么意思?您的意思是在移动设备上打开它吗?如果是,是哪一个。@tusharbalar您是否尝试过所有这些标志:
--prod--aot--minifyjs--minifycss--optimizejs
?您是否尝试过预加载或延迟加载之类的优化技术