如何提高Ionic3 Anguar4應用程序的性能？

Question

現在我正在使用Ionic3，Angular4安卓應用程序。 最初加載需要一段時間。 我的意思是我有一個黑色的空白屏幕幾秒鍾。我怎么能加快這一點，避免黑屏？

Answer 1

我試着在Ionic論壇上及時了解有關該主題的帖子，請訪問https://forum.ionicframework.com/t/app-boot-time-current-state-and-best-practices /

但是現在，關於你的問題的一些關鍵詞，我猜

• 使用lazy loading ：延遲加載概念允許您在啟動時不加載和不加載頁面和組件的所有要求。 例如，如果你有第一個page1和一個使用componentA的page2 ，真的很總結。 沒有延遲加載，一切都將在啟動時加載。 由於延遲加載， componentA不會在啟動時加載，因為加載序列不需要它，只會在以后使用，因此節省了一些時間

• 檢查你的代碼和用來備用大小的庫：應用程序的大小是關鍵。 你的應用程序越大，啟動速度就越慢

• 檢查您的statics assets ：您可以刪除或壓縮圖像嗎？ 你能刪除字體嗎？ 或者你不能嵌入字體？ 再次大小是關鍵

• 你使用rxjs運算符？ 最近它宣布了一種新的導入方式，因此只允許你進口你需要的而不是所有的操作員，再次，它允許多余的尺寸

• 你可以把這個想法應用到你使用的其他庫中，比如lodash或者moment.js和date-fns我猜。 你導入所有的庫還是只需要你需要的庫？ 認為小是美麗的

我希望這有幫助 ...

Answer 2

通過將應用程序分解為模塊並遵循模塊的lazy loading ，可以提高性能。

Answer 3

要改善初始加載，必須使用生產配置創建.APK（如果尚未創建）。

要完成此操作，請在您使用的命令界面上運行該命令，並根據您要定位的操作系統：

離子cordova構建android --prod

離子cordova構建ios --prod

請注意--prod部分，它是告訴離子CLI創建生產.APK的關鍵，它包含所涉及的所有改進，例如清理css文件，刪除未使用的字體以及一些額外的優化過程。

您可以更改“運行”的“構建”，以將應用程序直接安裝到您的設備或模擬器中。

希望這可以幫助！ 最好的祝福

Answer 4

顯然，您需要分析您的應用程序並查看它為何緩慢（如果它確實“慢”），但人們通常在加載應用程序時使用啟動畫面，以避免空白屏幕。

Answer 5

空白屏幕是因為您的Ionic應用程序處於初始階段，我的意思是在構建級別。 但是當你制作這個應用程序時，這個空白屏幕永遠不會出現

離子cordova構建android --prod --release

使用上面的命令並解決您的問題。