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

Question

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

Answer 1

很明显，您需要对您的应用进行配置并了解其速度缓慢的原因（如果速度确实很慢），但人们通常在加载应用时使用闪屏，以避免出现空白屏幕。

Answer 2

可以通过将应用程序分解为模块并按照lazy loading来改进性能。

Answer 3

我试图跟上最新关于对离子论坛该主题的帖子，看看到https://forum.ionicframework.com/t/app-boot-time-current-state-and-best-practices/

但现在，一些关键字有关的问题是，我想

• 使用lazy loading：延迟加载概念允许您在启动时不加载和加载页面和组件的所有需求。例如，真的真的总结，如果你有第一个page1和page2其中使用componentA。没有延迟加载，一切都会在启动时加载。随着延迟加载，componentA不是要在启动时加载，因为它不需要装载顺序，只会在后面，因此使用，为您节省一点时间

• 检查你的代码，你用它来的库备用尺寸：应用程序的大小是关键。更大的是你的应用程序，更慢的是你的启动

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

• 你使用rxjs运营商？最近它宣布了一种导入它们的新方法，因此让你只导入你需要的一个，而不是所有的运营商，再次，它允许空余大小

• 你可以将这个思想应用到你使用的其他库，比如lodash或moment.js与日期-fns我想。你是否导入所有的库或只有你需要的？认为小就是美

我希望这有助于...

Answer 4

为了提高初始加载，你必须创建生产配置您的apk文件（如果您还没有）。

为了实现这个目标，跑你正在使用命令接口上的命令，协议的OS，你的目标：

离子科尔多瓦构建Android --prod

离子科尔多瓦建设IOS --prod

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

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

希望这会有所帮助！此致敬礼