Question

我们需要指导我们对ionic2的要求之一。我们想要创建一个带有ionic2的应用程序，它可以在Mobile（iOS和Android作为混合应用程序）以及桌面和移动浏览器上运行。

我们已经创建了一个示例应用程序，如ionic2教程中所述。构建应用程序后，我们发现：

该应用程序需要时间来加载第一页，因为应用程序捆绑在一个大小约为2.8 MB的单个.js文件（app.bundle.js）中（因为Webpack功能）。
缩小后，将其缩小至约。 1.2 MB。
现在这只是一个默认菜单选项的示例应用程序，默认来自github。
我们担心的是在添加项目代码之后，它的大小肯定会增加，因此需要时间来加载应用程序。
所以我们想使用Lazy加载文件加载的概念。
我们只想加载与当前模块相关的文件，而不是在启动应用程序时加载tje捆绑的.js文件，这样应用程序可以加载更快。

请就以下几点提供帮助：

我们是否可以将ionic2用于桌面浏览器以及移动混合应用程序（并将单个代码库用于桌面浏览器的混合移动应用程序）？
如果第1点的答案是肯定的，那么请建议正确的方法。
我们可以做些什么来减少应用程序的加载时间？
我们如何配置应用程序以减少app.bundle.js的大小？
我们如何使用延迟加载（按需加载相关的.js文件）？

Answer 1

这与ionic2 app确实存在问题。

我也看到过这个问题，对于我的情况，过去大约需要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">

希望对你有所帮助。

Answer 2

请尝试使用＆＃34; - pro --release＆＃34;标志像＆＃34;离子生成ios --pro --release＆＃34;因为这将开始Ahead of Time（AoT）编译并使你的应用程序更快地启动！

应用需要时间来加载ionic2

2 个答案: