Context: I am working on a Cordova mobile application that will retrieve data associated with a type of personalized WordPress publication.
My question: Does it make more sense to make 1 API call that retrieves all of the custom post data (message title, feature image URL, 2-3 post meta fields per post) with a total from 80 to 100 posts, then use this data to load lazily when the user scrolls the post on the front-end
Should I grab 10 posts via API and render them on the front-end and when the user scrolls down once he gets to a specific post (or pixel), the app does another API call to get the next 10 lazy loads once the user gets to a specific location while they scroll?
What I expect: I want the user experience to be as smooth as possible. So if there is to be a loading animation, I guess I would prefer to have one in the first loads vs 7-8 during the whole scrolling process.
I use the following technologies:
Cordova, JQuery Mobile, WordPress 5.2.4 (as a back-end data source)