2016-03-02 120 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)编译并使您的应用程序启动速度更快!

相关问题