Me gustaría saber si es posible eliminar el extenso tiempo de respuesta en Ionic 2, por ejemplo eliminar el splash screen y la pantalla blanca que aparece al iniciar la aplicación.
Necesito hacer que mi aplicación sea un poco más rápida.
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadMe gustaría saber si es posible eliminar el extenso tiempo de respuesta en Ionic 2, por ejemplo eliminar el splash screen y la pantalla blanca que aparece al iniciar la aplicación.
Necesito hacer que mi aplicación sea un poco más rápida.
Puedes quitar el splash poniendo en tu xml la siguiente linea:
<preference name="SplashScreen" value="none"/>
Sin embargo me temo que el tiempo de inicio no será como esperas debido a que la velocidad de inicio es una de las cosas que no se logra con app hibridas, ya que estas al iniciar levantan un navegador y en ella inician tu app, por ello se demora a diferencia de las apps nativas
Con esta línea en confi.xml debería bastar
<preference name="SplashScreen" value="none"/>
No se puede reducir el tiempo de respuesta, pero si quieres mantener el splash screen y quitar la pantalla blanca puedes hacer lo siguiente:
-agregar en el config.xml
<preference name="AutoHideSplashScreen" value="false" />
<preference name="FadeSplashScreen" value="false" />
-importar el SplashScreen en 'app.module.ts' la sección de providers:
import { SplashScreen } from '@ionic-native/splash-screen';
@NgModule({
declarations: [...]
imports: [IonicModule.forRoot(MyApp)],
bootstrap: [IonicApp],
entryComponents: [...],
providers: [SplashScreen, ...]
})
export class AppModule {}
-agregar en app.component.ts
import { SplashScreen } from '@ionic-native/splash-screen';
@Component({
templateUrl: 'app.html'
})
export class MyApp {
constructor(
public _app: App,
public _platform: Platform,
public _SplashScreen: SplashScreen) {
this.initializeApp();
}
-en 'initializeApp()'
initializeApp() {
this._platform.ready().then(() => {
// do whatever you need to do here.
setTimeout(() => {
this._SplashScreen.hide();
}, 100);
});
}
Con eso ya no tendrás la pantalla blanca y el splash screen se mantendrá hasta que inicie la aplicación
Agrega este codigo, para compilar en modo producción
// iOS
ionic emulate ios --prod
ionic build ios --prod
ionic run ios --prod
// Android
ionic emulate android --prod
ionic build android --prod
ionic run android --prod
--prod = Build the application for production
Más información acerca de las formas de compilación