How to improve performance from loading many hits?


I’m wondering what options there are to improve page speed when loading many hits? I’m using InstantSearch.js and loading 200 hits which is impacting page speed negatively.

Besides using infiniteHits, are there any other things that I can do to improve page speed? I’ve tried using setTimeout() to delay the load of Algolia scripts, but this makes for a bad user experience.

Is there a way to lazyload results for a specific range, such as between 50 to 200, similar to how you would lazyload images?

I’ve looked through the docs and seen that there is the possibility to not display any results until a search query is made, but I need to show results prior to search so this won’t work.

Any suggestions? Thank you.