2017-07-10 18 views
5

Sử dụng ionic2 và angular2, chúng tôi xây dựng gần 13-14 tính năng/mô-đun.Ionic2 mất tối đa 30 giây để tải ứng dụng

Đã sử dụng 8-10 phụ thuộc npm của bên thứ ba và plugin bổ trợ.

thông tin 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 

Quá nhiều thất vọng để giải quyết vấn đề này với ionic2. Những người được chào đón nhiều nhất đối với bất kỳ đề xuất hoặc lời khuyên nào.

+0

Đây có phải là lần đầu tiên hoặc tải lại trực tiếp không? –

+0

Không chỉ lần đầu tiên, nó luôn mất thời gian ngẫu nhiên để tải ứng dụng –

+0

Chính xác bạn có ý gì khi 'tải ứng dụng'? Bạn có nghĩa là mở nó trên một thiết bị di động, nếu có, cái nào. – IonicBurger

Trả lời

0

Như đã đề cập bởi @Dhyey, ngoài việc rút gọn tập tin của bạn bằng cách sử dụng lá cờ --prod khi xây dựng, bạn cũng có thể muốn làm Ahead-of-Time compilation sử dụng lá cờ Ionic CLI --aot (nên làm việc với cả hai v2 ionic build và v3 ionic cordova build lệnh).

Như bạn đã đề cập, tải xuống thực sự chỉ khả dụng ở phiên bản 3 (và vẫn được gắn thẻ là bản beta/thử nghiệm) nhưng AOT và giảm thiểu đơn độc sẽ giảm kích thước/thời gian khởi động của ứng dụng.

0

Chỉ cần làm theo dưới đây liên kết:

tôi đảm bảo với bạn sau khi làm theo bên dưới liên kết/docs bạn sẽ nhận được chắc chắn kết quả (ít nhất là 90%)

Issue with app boot time

Ionic2 takes almost 30 sec to load app

Sau khi cập nhật của bạn phiên bản góc và ion. bạn cần phải theo dõi Lazy Loading.

Sau khi thực hiện các thay đổi ở trên, khởi động ứng dụng của tôi giảm xuống còn 13 giây từ 20 giây.

Cảm ơn bạn.

Các vấn đề liên quan