Avoid infinity scrolling.

On desktop, use a combination of lazy loading and a “Load More” button. Show about 10-30 products on page load, and then lazy-load another 10-30 products as they scroll down, until they reach 50-100 products. Then, display a “Load more” button and repeat.

On mobile, show 15-30 on page load, then show a “Load More” button. When the user clicks on it, load the next 15-30 elements all at once (no lazy loading).

Leave a Reply

Your email address will not be published. Required fields are marked *