Zmniejsz czas ładowania od COLDSTART w Cordova jonowej

Question

Stworzyłem aplikację Cordova stosując jonowy, gdy otwieram moją aplikację z COLDSTART,

Najpierw ładuje ekran powitalny, a następnie istnieje kilka sekund, gdy ekran jest biały jak ładuje się mój plik index.html, a następnie zostaje załadowany i wyświetlony interfejs aplikacji. Zajmuje to około 10 sekund na Moto X, który jest zbyt długi, ponieważ moja aplikacja zawiera funkcje, w których szybkość jest najważniejsza.

Nie ma żądania sieci, które ma miejsce podczas ładowania z zimnego startu.

Czy istnieją techniki optymalizacji, które mogą skrócić czas ładowania, aby aplikacja ładowała się tak szybko, jak inne aplikacje hybrydowe, takie jak Gmail.

Answer 1

Istnieje wiele informacji na ten temat, spróbuję wymienić niektóre, które mogą być interesujące. O Cordova czasie uruchamiania:

• Kerri Shotts, autor PhoneGap Przedsiębiorczości dał quite a good answer here na podobnym pytaniem. Chociaż ma już około 2 lata, wymienione punkty nadal mają zastosowanie. Kerri dotyka tutaj istotnego problemu: Nie masz 100% kontroli nad czasem ładowania, miej to na uwadze!
• Christophe Coenraets podał kilka informacji na temat tego tematu z pewnymi ogólnymi wskazówkami i konkretnymi przykładami.
• (wskazówki Microsoft na wydajność Cordova można znaleźć here. Niestety nie ma informacji na temat czasów startowych, więc będę umieścić go w nawiasach.)

Ionic jest zbudowany na szczycie kątowe, więc niech również wziąć spojrzenie na to. O Kątowymi czasie uruchamiania:

• Mam tutaj dwa linki: W końcu to sprowadza się do pomiar wydajności i ustawy o cokolwiek powoduje swoją aplikację, aby rozpocząć powoli. Zobacz przykłady here i here.
• Kolejną rzeczą, na którą trzeba uważać, jest ng-cloak. Nie wspomniałeś, jeśli go używasz, ale stosujesz go do całego swojego might be dangerous.

Uwaga: ta lista nie jest kompletna, prosimy o komentarz lub dodawanie rzeczy.

Answer 2

Budynek z flagą produkcji zminimalizuje i skompresuje wszystkie wyjścia Ionic, a także usunie wszelkie niepotrzebne dane wyjściowe i rejestrację, które są wykorzystywane do programowania.

ionic build --prod 

„To będzie minify kodzie aplikacji jako źródło jonowe i również usunąć żadnych możliwości debugowania z pliku APK. Na ogół jest to używane podczas wdrażania aplikacji do sklepu Google Play.” - Ionic Documentation Również ma zastosowanie do każdej innej platformy wdrażania.

Będzie to trwać dłużej, ale będziesz mieć znacznie szybszy czas zimnego rozruchu.

Można również określić flagę produkcji podczas budowania na określonej platformie.

ionic build [platform] --prod