Ionic ios app is really slow but fast on android

Question

I created an app with ionic and it is almost finished (it is a cart shop app). now that I want to build the app I'm using the following command:

ionic cordova build --release --prod --verbose XXXXX

where XXXXX is either ios or android.

when building for android the app (after signing etc etc) the app takes like 3 or 4 seconds on the splash screen, which is an acceptable time, but the issue comes when I use the same command to build for ios, I was trying to test the app in XCode and it works, the only problem is that the app takes 30 SECONDS, which makes the app unusable and I can figure why.

edit: also I was thinking that the problem was the emulator but I also tried running the app in a device, same result.

below I'll left the information:

Ionic Info

Ionic:

   Ionic CLI                     : 6.11.7 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 4.11.10
   @angular-devkit/build-angular : 0.803.29
   @angular-devkit/schematics    : 8.3.29
   @angular/cli                  : 8.3.29
   @ionic/angular-toolkit        : 2.3.2

Cordova:

   Cordova CLI       : 10.0.0
   Cordova Platforms : android 9.0.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 14 other plugins)

Utility:

   cordova-res : 0.15.1
   native-run  : 1.0.0

System:

   ios-deploy : 1.11.1
   ios-sim    : 8.0.2
   NodeJS     : v12.16.1 (/usr/local/bin/node)
   npm        : 6.14.8
   OS         : macOS Catalina
   Xcode      : Xcode 11.7 Build version 11E801a

Package JSON

{
  "name": "store-app",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "https://ionicframework.com/",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint --typeCheck",
    "e2e": "ng e2e",
    "clean-project": "rm -rf www && rm -rf platforms && rm -rf node_modules && rm -rf plugins"
  },
  "private": true,
  "dependencies": {
    "@agm/core": "~1.0.0",
    "@angular/common": "^8.2.14",
    "@angular/core": "^8.2.14",
    "@angular/forms": "^8.2.14",
    "@angular/platform-browser": "^8.2.14",
    "@angular/platform-browser-dynamic": "^8.2.14",
    "@angular/router": "^8.2.14",
    "@ionic-native/android-permissions": "^5.27.0",
    "@ionic-native/background-mode": "^5.26.0",
    "@ionic-native/core": "^5.0.0",
    "@ionic-native/firebase-analytics": "^5.28.0",
    "@ionic-native/geolocation": "^5.10.0",
    "@ionic-native/header-color": "^5.26.0",
    "@ionic-native/keyboard": "^5.14.0",
    "@ionic-native/location-accuracy": "^5.27.0",
    "@ionic-native/onesignal": "^5.13.0",
    "@ionic-native/splash-screen": "^5.0.0",
    "@ionic-native/status-bar": "^5.0.0",
    "@ionic-native/unique-device-id": "^5.9.0",
    "@ionic/angular": "^4.1.0",
    "@ionic/lab": "^3.1.7",
    "@ngx-translate/core": "^10.0.0",
    "@ngx-translate/http-loader": "^3.0.0",
    "animate.css": "^4.1.0",
    "com.testfairy.cordova-plugin": "^2.25.0",
    "cordova-browser": "6.0.0",
    "cordova-plugin-background-mode": "^0.7.3",
    "cordova-plugin-device": "^2.0.3",
    "cordova-plugin-geolocation": "^4.0.2",
    "cordova-plugin-headercolor": "^1.0.0",
    "cordova-plugin-ionic-keyboard": "^2.2.0",
    "cordova-plugin-ionic-webview": "^4.1.3",
    "cordova-plugin-splashscreen": "^6.0.0",
    "cordova-plugin-statusbar": "^2.4.3",
    "cordova-plugin-uniquedeviceid": "^1.3.2",
    "cordova-plugin-whitelist": "^1.3.4",
    "core-js": "^2.5.4",
    "onesignal-cordova-plugin": "^2.5.2",
    "rxjs": "~6.6.2",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/architect": "~0.800.0",
    "@angular-devkit/build-angular": "~0.803.29",
    "@angular-devkit/core": "~8.3.29",
    "@angular-devkit/schematics": "~8.3.29",
    "@angular/cli": "~8.3.29",
    "@angular/compiler": "~8.2.14",
    "@angular/compiler-cli": "~8.2.14",
    "@angular/language-service": "~8.2.14",
    "@ionic/angular-toolkit": "~2.3.2",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~10.14.2",
    "codelyzer": "~5.2.1",
    "cordova-android": "9.0.0",
    "cordova-ios": "^6.1.0",
    "cordova-plugin-advanced-geolocation": "git+https://github.com/esri/cordova-plugin-advanced-geolocation.git",
    "cordova-plugin-android-permissions": "^1.0.2",
    "cordova-plugin-androidx-adapter": "^1.1.1",
    "cordova-plugin-firebase-analytics": "^4.3.1",
    "cordova-plugin-request-location-accuracy": "^2.3.0",
    "cordova-support-android-plugin": "^1.0.2",
    "cordova-support-google-services": "^1.4.1",
    "husky": "~4.2.5",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.1.4",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "lint-staged": "^10.2.2",
    "node-sass": "^4.13.1",
    "prettier": "^2.0.5",
    "protractor": "~5.4.0",
    "ts-node": "~8.10.2",
    "tslint": "~5.18.0",
    "tslint-config-prettier": "~1.18.0",
    "tslint-etc": "^1.10.1",
    "typescript": "~3.5.3"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "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-plugin-uniquedeviceid": {},
      "cordova-plugin-geolocation": {},
      "onesignal-cordova-plugin": {},
      "cordova-plugin-background-mode": {},
      "com.testfairy.cordova-plugin": {},
      "cordova-plugin-advanced-geolocation": {},
      "cordova-plugin-headercolor": {},
      "cordova-plugin-android-permissions": {},
      "cordova-plugin-request-location-accuracy": {
        "PLAY_SERVICES_LOCATION_VERSION": "16.+"
      },
      "cordova-plugin-firebase-analytics": {
        "FIREBASE_ANALYTICS_COLLECTION_ENABLED": "true"
      },
      "cordova-plugin-androidx-adapter": {}
    },
    "platforms": [
      "android",
      "browser",
      "ios"
    ]
  }
}

Config.xml



    Buggy
    Store App
    Buggy
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        
            
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    
    
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
    
    
        
            Buggy necesita acceder a tu ubicación para poder brindarte un mejor servicio.
        
        
            Buggy necesita acceder a tu ubicación para poder brindarte un mejor servicio.

App Routing Module


@NgModule({
  imports: [
    RouterModule.forRoot(routes, {
      preloadingStrategy: PreloadAllModules,
    }),
  ],
  exports: [RouterModule],
})
export class AppRoutingModule {}

where routes are all my routes, I have 38 views.

also in my App module I loaded all my services but I don't think that matters, because angular should be slow as well.

thanks for reading this.

Prince Hernandez · Accepted Answer

basically I found the problem, the previous developers of the app left on the config.xml the following lines:

therefore on iOS it was not working the function to hide the splash screen, so removing those lines and adding:

make it work, the only thing that is weird for me is that on Android this behaviour is not present but now everything works as expected.

Ionic ios app is really slow but fast on android

Answers (2)

Related Questions