Use ProxyMan and analyse each web call with their timeframes. Only use critical endpoints as SYNC when App is loading. While maintaining security, always focus to deliver only what is really necessary in terms of data to the App. Implement caching and database inside the App.

Our team has worked frequently on multiple mobile apps. I would like to talk about how we resolved performance issues in our marquee app. We got the maximum effect by dropping off built-in framework for Graphql and creating our own structure. Next best effect was given by reducing number of API calls and compressing output when output size was more than a threshold (few kbs). Thereafter, using FlatList was a game-changer. The remaining effects were produced by creating smaller components, navigation rather than component-over-component, reducing unnecessary re-rendering and implementing lazy loading. One of the reasons for re-rendering was blinking icon using JS and to improve we created gif image.

To enhance app load times, start by minimizing HTTP requests and reducing unnecessary elements on pages. Optimize images by using modern formats like WebP and compressing them without losing quality. Implement browser caching to store static resources locally, reducing repeated server requests. Additionally, consider lazy loading for images and assets, and prioritize critical content by implementing server-side rendering (SSR) or static site generation (SSG). These strategies can significantly improve performance and user experience, especially on mobile devices with slower networks.

Consolidate files like CSS and JavaScript or use techniques like lazy loading to only fetch what’s immediately needed. Compress and use responsive image formats to maintain quality while cutting down load times.