2017-07-10 12 views
5

İyonik2 ve açısal2'yi kullanarak neredeyse 13-14 özellik/modül oluştururuz.Ionic2 uygulaması 30 saniyeye kadar yüklenir

8-10 üçüncü parti npm bağımlılıkları ve iyonik eklentiler kullanılır.

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

İyonik bilgileri

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 

Çok fazla sinirli ionic2 ile bu sorunu çözmek için. Herhangi bir öneri veya tavsiye için çok hoş geldiniz. oluştururken bayrağı --prod kullanarak dosyalarının küçültülmesini ek olarak, @Dhyey tarafından belirtildiği gibi

+0

Bu yalnızca ilk kez mi yoksa canlı yeniden mı yükleniyor? –

+0

Sadece ilk kez değil, Her zaman app yüklemek için rastgele zaman alır –

+0

Tam olarak 'app yükleniyor' ile ne demek istiyorsun? Evet, hangisinin bir mobil cihazda açılması demek istiyorsun. – IonicBurger

cevap

0

, ayrıca (hem v2 ionic build ve v3 ionic cordova build komutlarla çalışması gerekir) İyonik CLI bayrağı --aot kullanılarak Ahead-of-Time compilation yapmak isteyebilirsiniz.

Belirtildiği gibi, tembel yükleme gerçekten yalnızca v3'te kullanılabilir (ve hala beta/deneysel olarak etiketlenir), ancak AOT ve minification, uygulamanızın boyutunu/başlatma süresini azaltmalıdır.

0

Hemen linkleri aşağıda izleyin:

ben güncelledikten sonra (en az% 90)

Issue with app boot time

Ionic2 takes almost 30 sec to load app

kesinlikle sonuçlanacaktır alacak bağlantılar/docs altına izledikten sonra sizi temin senin iyonik ve açısal versiyon. Lazy Loading'u izlemeniz gerekir.

Yukarıdaki değişiklikleri yaptıktan sonra, uygulama önyüklemem 20 saniyeden 13 saniyeye düşüyor.

Teşekkür ederiz.

İlgili konular