2016-03-02 160 views
1

我們需要指導我們對ionic2的一個要求。我們希望創建一個可以在Mobile上運行的ionic2應用程序(在iOS中爲& Android作爲混合應用程序)以及桌面和移動瀏覽器上。應用程序需要花費時間來加載ionic2

我們已經創建了一個示例應用程序,如ionic2教程中所述。 構建應用程序之後,我們發現:

  • 的應用程序需要時間來加載第一頁,因爲一個應用程序被在一個單一的.js文件(app.bundle.js)約爲2.8大小捆綁MB(由於Webpack功能)。
  • 縮小後,減少到約。 1.2 MB。
  • 現在,這只是一個示例應用程序,默認情況下github會默認使用默認菜單選項。
  • 我們擔心的是在添加項目代碼之後,它的尺寸肯定會增加,因此需要花時間來加載應用程序。
  • 所以我們要使用Lazy加載文件加載的概念。
  • 我們只想加載與當前模塊相關的文件,而不是在啓動應用程序時加載tje捆綁的.js文件,所以應用程序可以加載得更快。

請在下面點提供幫助:

  1. 我們可以使用ionic2桌面瀏覽器,移動式混合應用程序一起(和使用一個單一的代碼庫,用於桌面瀏覽器的混合移動應用程序太)?
  2. 如果第1點的答案是肯定的,那麼請建議正確的方法。
  3. 我們可以做些什麼來減少應用程序的加載時間?
  4. 我們如何配置應用程序以減小app.bundle.js的大小?
  5. 我們如何使用延遲加載(按需加載相關的.js文件)?

回答

0

這是一個真正的離子2應用程序的問題。

我也看到過這個問題,對於我的情況它過去大概需要10到12秒才能啓動應用程序。 看到一些文章後,我來混合它達8秒。 每次有緩存獲取我們需要使用此行刪除的商店,

我收到了一些很好的想法,並在index.html(用於Web部署)的頂部提供了以下元數據。

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> 
    <meta http-equiv="Pragma" content="no-cache"> 
    <meta http-equiv="Expires" content="0"> 

希望對你有幫助。

0

請嘗試使用「--pro --release」標誌(如「ionic build ios --pro --release」)創建您的應用程序,因爲這將啓動時間(AoT)編譯並使您的應用程序啓動速度更快!

相關問題