How can do it faster

Hi guys.
I installed my app on 4.4 android tablet but page transitions are very slow.

How can i do it faster ? any suggestion ?

and the app is opening very slowly

How have you build the app? To improve the overall performance you can create a production build like this:

$ ionic cordova build android --release

more like this …

ionic cordova build android --prod --release

and use lazy loading, this helps alot too…

1 Like

Yes you are right, I thought one of them was obsolete but anyway both are always better.

when i was using lazy load it gives a aot error. because of i remove the lazy load.

i will try again, maybe this time it will work :slight_smile:

Thx for helping

--release tells cordova to do a release build. --prod tells ionic to do an optimized production build. So you should definitely use both.

ionic cordova build android --prod --release
this is help to me thanks guys :slight_smile:

I bother again, sorry
App.component.ts

export class MyApp {
@ViewChild(Nav) nav: Nav;
siparisPages: PageInterface = [
{
title: “Siparis Olustur”,
name: “SiparisTabsPage”,
component: SiparisTabsPage,
tabComponent: SiparisSatisPage,
index: 0,
icon: “clipboard”
},
{
title: “Sepet”,
name: “SiparisTabsPage”,
component: SiparisTabsPage,
tabComponent: SiparisSepetPage,
index: 1,
icon: “cart”
},
{
title: “Siparis Listesi”,
name: “SiparisTabsPage”,
component: SiparisTabsPage,
tabComponent: SiparisListePage,
index: 2,
icon: “filing”
}
];

stokPages: PageInterface = [
{
title: “Stok Sayim”,
name: “TabsPage”,
component: TabsPage,
tabComponent: StokSayımPage,
index: 0,
icon: “md-add”
},
{
title: “Stok Sayim Listesi”,
name: “TabsPage”,
component: TabsPage,
tabComponent: StokListePage,
index: 1,
icon: “ios-archive-outline”
}
];
rootPage: any;
constructor(
platform: Platform,
statusBar: StatusBar,
splashScreen: SplashScreen,
public app: App,
public splitPane: SplitPane,
public menu: MenuController
) {
platform.ready().then(() => {
statusBar.styleDefault();
splashScreen.hide();
this.rootPage = Welcome;
});

}

backToWelcome() {
const root = this.app.getRootNav();
root.popToRoot();
}

logout() {
//Api Token Logout

localStorage.clear();
this.menu.enable(false);
setTimeout(() => this.backToWelcome(), 1000);
this.nav.setRoot(Welcome);

}
openPage(page: PageInterface) {

this.nav.push(page.component, { item: page.index });

}
}

my app didn’t stacked page. what can i do ?

if i click the back button, directly closed the app. i need to fix this. Back button is completely invalid or stacked the page.

My app id is “app_id”: “7f59f520”,