Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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
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.