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

Question

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

Answer 1

很明顯，您需要對您的應用進行配置並瞭解其速度緩慢的原因（如果速度確實很慢），但人們通常在加載應用時使用閃屏，以避免出現空白屏幕。

Answer 2

可以通過將應用程序分解爲模塊並按照lazy loading來改進性能。

Answer 3

我試圖跟上最新關於對離子論壇該主題的帖子，看看到https://forum.ionicframework.com/t/app-boot-time-current-state-and-best-practices/

但現在，一些關鍵字有關的問題是，我想

• 使用lazy loading：延遲加載概念允許您在啓動時不加載和加載頁面和組件的所有需求。例如，真的真的總結，如果你有第一個page1和page2其中使用componentA。沒有延遲加載，一切都會在啓動時加載。隨着延遲加載，componentA不是要在啓動時加載，因爲它不需要裝載順序，只會在後面，因此使用，爲您節省一點時間

• 檢查你的代碼，你用它來的庫備用尺寸：應用程序的大小是關鍵。更大的是你的應用程序，更慢的是你的啓動

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

• 你使用rxjs運營商？最近它宣佈了一種導入它們的新方法，因此讓你只導入你需要的一個，而不是所有的運營商，再次，它允許空餘大小

• 你可以將這個思想應用到你使用的其他庫，比如lodash或moment.js與日期-fns我想。你是否導入所有的庫或只有你需要的？認爲小就是美

我希望這有助於...

Answer 4

爲了提高初始加載，你必須創建生產配置您的apk文件（如果您還沒有）。

爲了實現這個目標，跑你正在使用命令接口上的命令，協議的OS，你的目標：

離子科爾多瓦構建Android --prod

離子科爾多瓦建設IOS --prod

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

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

希望這會有所幫助！此致敬禮