Hello everyone 
I have been working on an Ionic Angular app for the past several months; and I am happy with the progress so far. I am starting to run into some speed concerns; especially as the app develops in complexity. I am trying to look into this forum’s collective experience to learn about best practices for optimising performance in Ionic angular applications.
App Background:
The software is mainly designed for Android and iOS platforms; but we also want to provide a web version.
It is a data driven application that depends extensively on API calls to obtain and show real time data.
We use Ionic with angular; and our back end is developed in node. js with a REST API.
The software has several advanced forms; lists with limitless scrolling; and dynamic data updates.
We have done lazy loading for our modules; yet we still have slowness when switching between pages and doing data intensive processes.
- When going between pages; there is a visible delay; for those with heavy data processing and several components. I tried using angular lazy loading functionality; but the results were low.
- We are using ion list with real scrolling; but as the number of items increases; the display slows and the scrolling becomes less fluid. This is problematic with older devices.
- The program consumes a substantial amount of memory over time; resulting in poor performance and occasional shuts down; especially on lower end devices. I believe there are memory leaks; but I am not sure how to discover and fix them.
- We use multiple API calls to get the data; but the UI sometimes becomes inaccessible while waiting for the data to load. We have implemented caching for part of the data; but I am not sure if we’ve chosen the right path.
- As more features are introduced; the app general responsiveness appears to decrease; which is alarming because we want to provide a pleasant user experience.
Are there any recommended methodologies and tools for monitoring and troubleshooting performance issues in Ionic Angular apps?
What are the best strategies for managing state and data flow while minimising performance bottlenecks?
How can I control and optimise memory use to avoid leaks and crashes?
What strategies have you found most helpful for optimising API requests and keeping the UI responsive as data loads?
Are there any unique considerations for optimising performance on lower-end devices that deviate from conventional best practices?
Also I explored some topics related to this https://forum.ionicframework.com/t/optimising-the-performance-of-an-ionic-pwa-ccsp-delivery/128078 but I did not get the sufficient solution of my query so I would really want to get some help from a more experienced person
I have been exploring various optimization approaches, but I would appreciate any ideas and experiences you can provide; those related to Ionic and Angular. If you have faced similar challenges in your projects; I would love to learn how you handled them.
Thank you in advance for your efforts 