Ionic应用程序使用闪屏和白屏加载需要更多时间

Question

我已经创建了一个Ionic应用程序，但加载时间太长，有时加载前会出现白色屏幕。

如何减少加载时间？

我面临的问题如下：

1. 如果我将值保持为6000，我将得到以下错误：

   <preference name="loadUrlTimeoutValue" value="6000" />

错误：

Application Error - The connection to the server was unsuccessful. (file:///android_asset/www/index.html)

2. 如果我将值增加到60000，则在启动后我会看到白色屏幕，并且白色屏幕会显示大约10到15秒，然后它会消失，应用程序会加载

下面是config.xml的详细信息。

<preference  name="SplashMaintainAspectRatio" value="true"/>
<preference  name="SplashShowOnlyFirstTime" value="false"/>
<preference  name="FadeSplashScreenDuration" value="1000"/>
<preference  name="SplashScreenDelay" value="6000"/>
<preference  name="ShowSplashScreenSpinner" value="true"/>
<preference  name="AutoHideSplashScreen" value="true"/>
<preference  name="FadeSplashScreen" value="true"/>
<preference  name="ShowSplashScreen" value="true"/>
<preference name="SplashScreenBackgroundColor" value="0x1d1c1e" />
<preference name="loadUrlTimeoutValue" value="6000" />

Answer 1

这里有几点需要注意。首先，将SplashScreenDelay设置为60秒(60000毫秒(。这是一段很长的时间。根据文件：；在自动隐藏启动屏幕之前等待的时间(以毫秒为单位("其次，将AutoHideSplashScreen设置为false。

你的最终目标是什么？我建议将AutoHideSplashScreen设置为"true"。然后降低SplashScreenDelay。

如果你想准确地控制启动屏幕何时消失，你可以。

1. 如果没有插件，请安装它(https://ionicframework.com/docs/native/splash-screen)
2. 添加到父组件(可能是app.component.ts(中的构造函数中：private splashScreen: SplashScreen
3. 在组件内部，您可以选择何时隐藏启动屏幕。对我来说，我通常在ngOnInit()中使用它。只需使用this.splashScreen.hide();关闭启动屏幕。当然，你可以使用后期生命周期挂钩，这取决于你希望应用程序何时隐藏启动屏幕
4. 此时，您可以从config.xml中删除AutoHideSplashScreen

现在要停止之前的白色闪光，您需要将其添加到config.xml中：<preference name="SplashScreenBackgroundColor" value="0x1d1c1e" />这个颜色是深灰色的，但你可以把它调整成你想要的任何颜色。