angular - Convertir una aplicación de Ionic a carga diferida

En medio del trabajo en una aplicación de Ionic 3, comencé a notar que la aplicación es un poco "lenta", así que escuché sobre la "Carga Perezosa" y creo que sería útil aquí... el problema es que ya tengo una gran cantidad de páginas, así que me gustaría saber, ¿hay alguna manera de convertir esas páginas a Carga Perezosa?

Otra cosa es la animación al cambiar de página, hice una tarjeta que se anima en la página cuando la cargo, pero la animación se corrompe porque la aplicación es lenta. ¿Hay alguna manera de hacer un retraso al inicio de la carga de la página para que la animación se muestre mejor?

¡Gracias!

Respuesta #1

Recomiendo encarecidamente implementar el lazy loading en tu aplicación. Esto dará un gran impulso de rendimiento a tu aplicación. Estoy diciendo estas cosas basándome en mi propia experiencia.

Después de eso, necesitas actualizar tu aplicación a Angular 5/Ionic 3.9.2. Eso también dará mejoras de rendimiento increíbles y además un tamaño de paquete muy pequeño a tu aplicación.

Referencias que puede necesitar para esto:

Iónico y Carga Perezosa Parte 1

Iónico y Carga Perezosa Parte 2

Notas de la versión de Angular 5/Ionic 3.9.2

Cómo actualizar a Angular 5/Ionic 3.9.2

Paso 1: Cambia tu package.json de la siguiente manera.

"dependencies" : {
  ...
  "@angular/common": "5.0.0",
  "@angular/compiler": "5.0.0",
  "@angular/compiler-cli": "5.0.0",
  "@angular/core": "5.0.0",
  "@angular/forms": "5.0.0",
  "@angular/http": "5.0.0",
  "@angular/platform-browser": "5.0.0",
  "@angular/platform-browser-dynamic": "5.0.0",
  "@ionic/storage": "2.1.3",
  "ionic-angular": "3.9.2",
  "rxjs": "5.5.2",
  "zone.js": "0.8.18"
  ...
},
"devDependencies: {
  "@ionic/app-scripts": "3.1.0"
  "typescript" : "2.4.2"
}

Paso 2: Elimina la carpeta node_modules.

Paso 3: Ejecuta > npm i