Ionic2 pobiera do 30 sekund, aby załadować aplikację

Question

Używając ionic2 i angular2 tworzymy prawie 13-14 funkcji/modułu.

Używane 8-10 zewnętrznych zależności npm i wtyczek jonowych.

informacji Packge.json

{ 
     "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" 
    } 

Ionic

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 

Zbyt dużo sfrustrowani, aby rozwiązać ten problem z ionic2. Serdecznie witamy za wszelkie sugestie i porady.

Answer 1

Jak wspomniano przez @Dhyey, oprócz minifying plików z flagą --prod przy budowie, można też zrobić Ahead-of-Time compilation z flagą Ionic CLI --aot (powinien działać z obu v2 i v3 ionic cordova buildionic build poleceń).

Jak już wspomniano, leniwy ładunek jest rzeczywiście dostępny tylko w wersji 3 (i nadal jest oznaczony jako beta/eksperymentalny), ale sama funkcja AOT i zminimalizowanie powinny zmniejszyć czas/czas uruchamiania aplikacji.

Answer 2

Wystarczy postępować zgodnie z poniższymi linkami:

Zapewniam cię po wykonaniu poniższych linków/docs dostaniesz na pewno wynik (co najmniej 90%)

Issue with app boot time

Ionic2 takes almost 30 sec to load app

po aktualizacji Wersja jonowa i kątowa. musisz postępować zgodnie z Lazy Loading.

Po wykonaniu powyższych zmian moje uruchomienie aplikacji zmniejsza się do 13 sekund z 20 sekund.

Dziękuję.