我有一个带有 Angular 的 Ionic3 应用程序，我知道它不像纯 Android 或 Swift 那样的原生应用程序。但是性能很差。我只有一个空白项目，但如果我启动它，我会出现 1-2 秒的黑屏和 5-8 秒的闪屏/白屏。
我尝试向页面和组件添加延迟加载，但这也很糟糕。如果您单击一个选项卡，它将冻结 1 秒钟，直到打开延迟加载的页面。
这正常吗？我可以减少加载时间吗？
【问题讨论】：
您的偏好也可能存在问题。请尝试在您的配置中更改它们，如下所示。
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="3000" />
在 app.component.ts 中
platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
// statusBar.styleDefault();
statusBar.styleLightContent();
statusBar.backgroundColorByHexString('B27F16');
setTimeout(() => {
splashScreen.hide();
}, 100);
});
【讨论】：
首先，Ionic v4 的启动时间会/应该会更好，因为它们会使用 Web 组件
其次，关于您的构建时间，如果您想改进它，首先要做的是使用--prod 执行构建，以便告诉ionic-app-scripts 将方法（如缩小）应用于您的代码为了减小包大小（更小的包大小 = 更快的启动）
ionic cordova build ios/android --prod
您还应该检查您的config.xml 以查看您的 Cordova 闪屏的参数是什么。确保您没有设置过长的延迟，这让您感觉应用程序需要时间才能启动，而实际上应用程序是在初始屏幕后面加载的
最后还有工作要做，因为就像我上面所说的，捆绑包的大小很重要。但它也与字体、图像等有关。越少越好。例如，您可以检查您的代码以找出您真正使用的内容，并检查您的库以确保您只包含您需要的内容（例如，如果您使用 rxjs，则只导入 lettable 运算符而不是所有库）。如果有兴趣，我在 Ionic 论坛上的那篇帖子中汇编了一些关于这个主题的意见https://forum.ionicframework.com/t/app-boot-time-current-state-and-best-practices
p.s.：Ionic v3 性能很好，启动时间可以接受/很好。我的应用程序大约是。 40 个页面、60 个组件、太多插件等。在 iPhone 6s 上 2.5 秒内启动
【讨论】：