Уменьшить время загрузки в приложении ionic-2

Question

Я новичок в проекте ionic-2. Я просто хочу знать, как уменьшить время загрузки приложения. Поскольку после 3 секунд заставки экран отображает белый экран и занимает 9 сек. Начало.

Answer 1

У меня была очень похожая проблема с белым экраном, ознакомьтесь с прогрессом здесь. Cordova, Android, incredibly slow loading

Краткая версия; это медленная загрузка из-за множества причин, упомянутых выше Фернандо. Вы можете работать над разрешением «да», но для белого экрана ... Android скроет экран всплеска, пока приложение все еще загружается. Чтобы исправить эту проблему, вы можете добавить приведенную ниже конфигурацию;

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

Это гарантирует, что заставка остается в течение по крайней мере 10 секунд, в то время как приложение загружается, а не автоматическое скрытие. Затем в основном компоненте вашего модуля запуска просто убедитесь, что у вас есть, чтобы скрыть экран заставки, когда приложение действительно запустится, и все будет готово. очевидно, требует плагин cordova-splash-screen, который отправляет по умолчанию с ionic2.

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

Answer 2

Попробуйте поставить это на второй строке файла main.ts

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

затем до начальной загрузки линии положить

enableProdMode();

также при строительстве использовать --prod так ionic build android --prod

Answer 3

Пожалуйста, следуйте ниже шагов, чтобы уменьшить время заставки экрана: -

Сначала удалите ваши node_modules папки Удалить любую папку Temp Удалить Плагин Папки удалить платформы Android с помощью ionic platform rm android. Теперь переустановить все: -

(я) npm install (II) ionic serve (III) ionic platform add android

Теперь запустите эту команду НАКОНЕЦ ionic build android --prod

ЭТО РАБОТАЕТ 100% ОТЛИЧНО.

Если это не помогает, не сдавайтесь. Попробуйте выполнить шаги от 2 до 3 раз, я уверен, что это сработает.

Answer 4

Даже у меня была та же проблема. После почитания форума по ионной команде я понимаю, что ионная команда еще не придумала никакого решения.

Я сделал следующий код, который сводит к минимуму приложение, а не закрывает его, чтобы при следующем открытии приложения он мгновенно открывается.

Введите нижеприведенный код в 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(); 
     } 
     }); 

Вам может понадобиться установить @ ионно-нативный/приложение-минимизируют

ссылки отнести:

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

Answer 5

Пожалуйста, включите режим производства в файле main.ts, например,

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