How can I reduce load times with an alternative to Scrollify on product pages?

Technical Q&A
, ,

Topic summary

A user is experiencing slow mobile load times caused by the Scrollify infinite scroll app on their website. The app’s JavaScript file (infiniteScroll.js) is creating significant performance issues:

Performance Impact:

  • 4,282ms main thread blocking time
  • 138 KiB transfer size

The user is seeking alternatives to infinite scroll functionality for product pages, considering either:

  • Auto-load options
  • “Load more” button implementations
  • Simple page numbering/pagination

Suggested Solution:
Another participant recommends deferring the app’s JavaScript since scrolling functionality isn’t needed until after initial page load. They also suggest ensuring all images (except above-the-fold) are lazy-loaded to further improve performance.

The discussion remains open as the original poster hasn’t confirmed whether they’ve implemented these suggestions or found a suitable alternative.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

We currently have the Infinite Scroll app Scrollify inserted into our website which works fine however, I am now trying to reduce page / site load time for mobile and this is one thing that has quite a detremental effect on load times!


/js/infiniteScroll.js
(cleverinfinite.xyz)
Transfer Size
138 KiB
Main-Thread Blocking Time
4,282 ms

Are there any good alternatives for either an auto load or “load more” option for product pages? Or is it simply back to page numeration being what works!?

Thanks

2

Hard to tell without looking at actual code, but I’d say that since the scrolling is not needed until after the store has loaded, try and see if you can defer the app’s JavaScript, as well as make sure that with the exception of the above-the-fold image/images, all other images are being lazy loaded.

1 Like