New Shopify Certification now available: Liquid Storefronts for Theme Developers

Load More Product

BumbleLiving
Tourist
9 0 0

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

Reply 1 (1)
JohnE10
Shopify Partner
89 10 13

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.

If my reply was helpful, Like and Accept. Or Buy Me a Beverage
App Development/Custom Modifications, Visit My Gig and let me how I can help
For help with your store speed optimization, Check Out My Other Gig
Feel free to email with any questions: ProjectCoder10@gmail.com