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

Question

现在我正在使用Ionic3，Angular4安卓应用程序。 最初加载需要一段时间。 我的意思是我有一个黑色的空白屏幕几秒钟。我怎么能加快这一点，避免黑屏？

Answer 1

我试着在Ionic论坛上及时了解有关该主题的帖子，请访问https://forum.ionicframework.com/t/app-boot-time-current-state-and-best-practices /

但是现在，关于你的问题的一些关键词，我猜

• 使用lazy loading ：延迟加载概念允许您在启动时不加载和不加载页面和组件的所有要求。 例如，如果你有第一个page1和一个使用componentA的page2 ，真的很总结。 没有延迟加载，一切都将在启动时加载。 由于延迟加载， componentA不会在启动时加载，因为加载序列不需要它，只会在以后使用，因此节省了一些时间

• 检查你的代码和用来备用大小的库：应用程序的大小是关键。 你的应用程序越大，启动速度就越慢

• 检查您的statics assets ：您可以删除或压缩图像吗？ 你能删除字体吗？ 或者你不能嵌入字体？ 再次大小是关键

• 你使用rxjs运算符？ 最近它宣布了一种新的导入方式，因此只允许你进口你需要的而不是所有的操作员，再次，它允许多余的尺寸

• 你可以把这个想法应用到你使用的其他库中，比如lodash或者moment.js和date-fns我猜。 你导入所有的库还是只需要你需要的库？ 认为小是美丽的

我希望这有帮助 ...

Answer 2

通过将应用程序分解为模块并遵循模块的lazy loading ，可以提高性能。

Answer 3

要改善初始加载，必须使用生产配置创建.APK（如果尚未创建）。

要完成此操作，请在您使用的命令界面上运行该命令，并根据您要定位的操作系统：

离子cordova构建android --prod

离子cordova构建ios --prod

请注意--prod部分，它是告诉离子CLI创建生产.APK的关键，它包含所涉及的所有改进，例如清理css文件，删除未使用的字体以及一些额外的优化过程。

您可以更改“运行”的“构建”，以将应用程序直接安装到您的设备或模拟器中。

希望这可以帮助！ 最好的祝福

Answer 4

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

Answer 5

空白屏幕是因为您的Ionic应用程序处于初始阶段，我的意思是在构建级别。 但是当你制作这个应用程序时，这个空白屏幕永远不会出现

离子cordova构建android --prod --release

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