My ionic app is experiencing slow performance on pages with inputs. For example, a select input with 4 items has a delay of approximately 800ms, and when dismissing the keyboard, a white blank block remains on screen for about 500ms.
This app consists of around 10 pages with forms, all of which are running slowly. I am seeking suggestions on better ways to implement high-performance forms.
Please review this sample code:
Sample Code :
<ion-content >
<div class="confirmform" style="padding:5px;">
<div class="confirmitem" *ngFor="let room of rooms; let i = index;">
<ion-item class="roomheader">
<ion-label>Room {{i+1}} Details</ion-label>
</ion-item>
<!-- item -->
<!-- More content like adult information, children details, contact info follows -->
<ion-row>
<ion-col>
<button ion-button color="primary" style="margin:0 auto;display:block" (click)="submitBooking()">Proceed to Booking</button>
</ion-col>
</ion-row>
</div>
<!-- contact section -->
<div class="confirmitem">
<ion-item class="roomheader">
<ion-label>Contact Info</ion-label>
</ion-item>
</div>
</ion-content>
I would appreciate any advice or recommendations on how to enhance the performance of my application overall. Thank you!