CODEWITHSUNDEEP
performanceionic-frameworkionic3
Shrutika Patil
Shrutika Patil

Reputation: 565

Performance issue for ion-tabs

I have created a ionic tabs project using ion-tabs component. But the issue is when user clicks on tab icon, tab is not changed immediately. It takes 1-2 seconds to switch the tabs.

HTML Code:

<ion-tabs  class="footer-tabs" selectedIndex="selectedTabIndex"#footerTabs>
  <ion-tab tabIcon="list" tabTitle="'Notice'" [root]="noticepage"></ion-tab>
  <ion-tab tabIcon="book1" tabTitle="'Homework'" [root]="homeworkpage"></ion-tab>
  <ion-tab tabIcon="calendar1" tabTitle="'Event'" [root]="eventpage"></ion-tab>
  <ion-tab tabIcon="list-box1" tabTitle="'Attendance'" [root]="attendancepage"></ion-tab>
</ion-tabs>

If I create new tabs project, then the component is working fine. But its giving issues in my project. I also tried by removing methods called on the ionPageDidEnter() for all the pages.

Does anyone know what could be the possible issue ?

Upvotes: 3

Views: 1328

Answers (2)

Shrutika Patil
Shrutika Patil

Reputation: 565

I have debugged and tried to find possible issues. The issue was because of ion-list on pages , which was causing delay in tab switch. When I reduced ion-items to 30, performance increased. I implemented infinite scroll to avoid the performance issue.

Upvotes: 1

Yushin
Yushin

Reputation: 1750

thats is mostly dependant on how you load your pages and how you compile your project try to lazy load you pages and compile your apk with ionic cordova run android --aot --minifyjs --minifycss this helps in making you app run much faster.

Upvotes: 0

Related Questions