如何提升我的Ionic3 Angular4应用程序的性能？

Question

4

目前我正在使用Ionic3和Angular4开发Android应用程序。但是，应用程序的初始加载需要一些时间，大约几秒钟的黑屏期间。有什么方法可以加快应用程序的加载速度并避免黑屏问题？

- Gnik

5个回答

2

为了提高初始加载速度，您必须使用生产配置创建您的.APK文件（如果您还没有这样做）。为了实现这一点，请根据您的操作系统在命令行界面上运行以下命令：

ionic cordova build android --prod

ionic cordova build ios --prod

请注意，关键部分是--prod，它告诉Ionic CLI创建一个生产.APK文件，其中包括清理CSS文件、删除未使用的字体和一些额外的优化处理等改进。您可以将“build”更改为“run”，以直接将应用程序安装到您的设备或模拟器中。

希望这能帮助您！最好的问候

- FernanJC

1

空白屏幕出现是因为您的Ionic应用处于初始阶段，也就是构建级别。但是当您生产此应用程序时，这个空白屏幕永远不会出现。

ionic cordova build android --prod --release

使用上述命令解决您的问题。

- Rijwandeltax

1

显然，您需要对应用程序进行分析以查明其为何缓慢（如果确实“缓慢”），但通常人们在加载应用程序时使用启动画面来避免空白屏幕。

- realharry

1

将应用程序分解为模块，并遵循延迟加载，可以提高性能。

- Sajeetharan

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- David Dal Busco · Accepted Answer

但是现在，我猜想您关心的问题可能是：

使用懒加载：懒加载的概念允许您不要在启动时加载页面和组件的所有要求。例如，如果您有一个第一个page1和一个使用componentA的page2，没有懒加载，一切都会在启动时加载。有了懒加载，componentA不会在启动时加载，因为它在加载序列中不需要，并且仅在稍后使用，因此，您可以节省一些时间。
检查您的代码和使用的库以节省大小：应用程序的大小是关键。您的应用程序越大，启动速度就越慢。
检查您的静态资源：您可以删除或压缩图像吗？您可以删除字体吗？或者您可以不嵌入字体吗？再次强调，大小是关键。
您是否使用rxjs运算符？最近宣布了一种新的导入方式，因此只需导入您需要的运算符而不是所有运算符，这也可以节省大小。
您可以将此思想应用到您使用的其他库中，例如lodash或moment.js与date-fns。您导入所有库还是只导入所需部分？小巧美观。

希望这有所帮助...