如何减少Ionic 4应用程序的加载时间?

时间:2019-04-08 11:01:57

标签: cordova splash-screen ionic4

我想缩短Ionic 4应用程序的加载时间。载入应用程式需要6秒的时间。我的config.xml文件在

下给出
   <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="100" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="500" />
    <preference name="AutoHideSplashScreen" value="false" />
    <preference name="ShowSplashScreen" value="true" />

这些正在我的应用程序中使用的插件,如下所示

  "cordova": {
    "plugins": {
      "cordova-wheel-selector-plugin": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {
        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      },
      "cordova-plugin-ionic-keyboard": {},
      "cordova-sqlite-storage": {},
      "cordova-plugin-x-toast": {},
      "uk.co.workingedge.cordova.plugin.sqliteporter": {},
      "cordova-plugin-advanced-http": {},
      "cordova-plugin-screen-orientation": {},
      "cordova-plugin-google-analytics": {
        "GMS_VERSION": "11.0.1"
      },
      "cordova-plugin-apprate": {},
      "cordova-fabric-plugin": {
        "FABRIC_API_KEY": "XXX",
        "FABRIC_API_SECRET": "XXX"
      },
      "cordova-plugin-local-notification": {},
      "cordova-plugin-background-mode": {}
    },
    "platforms": [
      "browser",
      "ios",
      "android"
    ]
  }

请帮助我解决它

1 个答案:

答案 0 :(得分:0)

我对您的建议是

  • 如果可能的话,将您在首页构造函数中的所有代码移至ionViewDidLoad
  • 使用prod和release模式构建和运行应用,您会注意到差异(通过添加--prod和--release)
    注意:发布版本可能不适用于您,对于Android,您需要从Google Play商店安装该应用。

  • 还尝试优化应用程序的所有部分,图片,正在使用的任何媒体。

  • 更新插件也将提高性能(因为新版本中始终存在错误修复和代码优化)。
    我相信,如果您采用了上述所有建议,则加载时间和应用程序的性能都会大大减少。