Slowness in app after multiple no of records in list

[alexmigwi]

If you think of refresh in web technology its the same as re-loading, which is what you’d like to avoid since performance will definitely hit a snag as your list grows big.

Am assuming that you are fetching data from a database which is being updated by other users elsewhere. Combining virtual scroll and infinite scroll could serve you better as it keep on loading data and show a small list on the screen at the same time.

@to quote @SDP1966

Virtual scroll vs ion-infinite scroll
Virtual Scroll is when you have a long list of items you want to display Ionic only inserts as many as needed to fill the view (plus a few I believe) then adds more into the DOM when the user begins to scroll through the list while also removing those that leave the viewport. This is done to improve performance when dealing with long lists.

Example: you select 100 records to be displayed in a list, Ionic will only insert a percentage of them into the DOM at a time which makes scrolling more fluid.

Infinite scroll is for when you fetch a set number of records and insert them into a list, once you reach teh bottom it’ll fetch the next batch and insert them into the list and repeat that as long as you have items to fetch.

image courtesy of

How virtual / infinite scrolling works | by Barna Toth | Frontend journeys | Medium

Here is a tutorial showing how to combine both…
Add Virtual Scroll & Infinite Scroll Component in Home Page