Search code examples
angularionic-frameworkionic4

How to improve performance for ionic app with items > 100000?


I have an app built in ionic 4 in which we have a page where we display all the available items. This item can be range from 0 to 1,00,000. Currently when the list is loaded the app performance goes down by which the app closes unexepectedly.

So I am looking for a solution that can help me to improve the performance of the item loading and rendering.


Solution

  • Maybe you can try using a virtual scroll.

    There's a tutorial just here : https://www.youtube.com/watch?v=qgPNdoB1zhk&ab_channel=SimonGrimm

    The HTTP request will still get 100 000 items, but you will display just a part of it into your template.

    Another way to display it without burning your PC is to use a simple pagination.