web-dev-qa-db-fra.com

Réduit le temps de démarrage dans l'application ionic-2

Je suis nouveau dans le projet ionic-2. Je veux juste savoir comment réduire le temps de démarrage de l'application.Parce qu'après 3 secondes d'écran de démarrage, il affiche un écran blanc et prend 9 secondes pour démarrer.

angularionic2cordova-plugins
6
Rohit

Essayez de mettre ceci sur la deuxième ligne de votre fichier main.ts

import { enableProdMode } from '@angular/core';

puis avant la ligne de bootstrap mis

enableProdMode();

également lors de la construction, utilisez --prod so ionic build Android --prod

15
clew

Veuillez suivre les étapes ci-dessous pour réduire le temps d'écran de démarrage: -

Commencez par supprimer votre dossier node_modules . Supprimez n’importe quel dossier temporaire . Supprimez le dossier Plugins Supprimez la plate-forme Android en utilisant ionic platform rm Android. Maintenant, réinstallez tout: - 

(i) npm install (ii) ionic serve (iii) ionic platform add Android

Maintenant, lancez cette commande FINALEMENT ionic build Android --prod

CECI FONCTIONNE À 100% PARFAITEMENT.

Si cela ne fonctionne pas, n'abandonnez pas. Essayez les étapes 2 à 3 ci-dessus, je suis sûr que cela fonctionnera.

4
Nandy_10

J'ai eu un problème très similaire avec l'écran blanc, vérifiez les progrès ici. Cordova, Android, chargement incroyablement lent

La version courte est; son chargement est lent en raison d'une pléthore de raisons, mentionnées par Fernando ci-dessus. Vous pouvez travailler pour résoudre ces problèmes, mais pour l'écran blanc ... Android masquera l'écran de démarrage pendant le chargement de l'application. Pour résoudre ce problème, vous pouvez ajouter le ci-dessous à votre configuration.

<preference name="AutoHideSplashScreen" value="false" />
<preference name="SplashScreenDelay" value="10000"/>

Cela garantira que l'écran de démarrage reste affiché pendant au moins 10 secondes lors du chargement de l'application, et non masqué automatiquement. Ensuite, dans le composant principal de votre module de démarrage, assurez-vous que vous disposez des éléments ci-dessous pour masquer l'écran de démarrage une fois que votre application a démarré et que tout sera prêt. nécessite évidemment le plugin cordova-splash-screen qui est livré par défaut avec ionic2.

platform.ready().then(() => {
  Splashscreen.hide();
});
1
Joshua Ohana

Même j'ai eu le même problème. Après avoir revu le forum ionic-team, je comprends que ionic-team n’a pas encore trouvé de solution à ce problème.

J'ai créé le code suivant qui minimise l'application au lieu de la fermer. Ainsi, lors de la prochaine ouverture de l'application, celle-ci s'ouvre instantanément.

Placez le code ci-dessous dans le fichier app.component.ts

this.platform.registerBackButtonAction(() => {
        if(this.menuCtrl.isOpen()){
           this.menuCtrl.close();
        } 
        else if(this.nav.canGoBack()){
          this.nav.pop();
        }else{
          this.appMinimize.minimize();
        }
      });

Vous devrez peut-être installer @ ionic-native/app-minim

liens pour se référer:

https://ionicframework.com/docs/api/platform/Platform/#registerBackButtonAction } _ https://ionicframework.com/docs/native/app-minimize/

0
Arnold Parge

Veuillez activer le mode de production dans le fichier main.ts, comme ceci

import {enableProdMode} from '@angular/core';
enableProdMode();
0
ghkatende