We have e-commerce website where we list all the products on our infinite scroll search page. The user can filter/sort these products.
Currently, we are fetching 20 products on mobile and 25 products in desktop on each page request and fetch others as the user scroll down. We wanted to optimize the performance and we thought of reducing the page size on page load i.e. load only 5 products on page load and if user scrolls down then fetch 10, if he still scrolls till bottom, fetch another 20 products and so on.
But I am worried that google bot will see only 5 product instead of 20 product? But we have put rel next and prev to indicate linkages in these pages.
What could be best approach to solve this:
- Reduce page size and fetch more products only if user scrolls down.
- Reduce page size and lazy load more products after few seconds. Would it help in seo ranking?