HI, I have a Shopify store with Parallax/Out of the Sandbox theme and Google repeatability states in the Insights speed test that I NEED to have my images lazyload! Does anyone know why I'm getting this error? I have a very low mobile score approx. at 34-50.
Anyone know why my site is getting this error message? My theme developers have confirmed that the theme is lazyloading the images.
Are you referring to "Defer offscreen images"? This is not exactly the same thing that lazyloading is trying to achieve, defering is the strategy of when to begin lazyloading. I know they kinda use it interchangeable thus confusion. Pagespeed report is telling you there are lots of images loading that are not in the viewport( aka below the fold) when the page loads and thus uneccesary to the user.
Currently your lazyloading is using images like:
However you could probably go much smaller for the collection images since the are also below the fold https://cdn.shopify.com/s/files/1/0946/8572/files/shutterstock_92844355_-_Copy_2_25x25.jpg , just like the "WHY ENDLESS HAIR EXTENSIONS" section that uses a 15px image.
so just now have to figure how to put this in place?
Contact theme dev's about adding that feature, hire an someone on experts.shopify.com , or a partner like me on the forums.
If your DIY'ing it then Iteratively one step at a time In the lighthouse report(pagespeed insights) in each area there is a 'Learn More' link that will take you to relevant docs for each oppurtunity.
You want to focus on the right things first, here in your main issue is 'Time to Interactive' your pages code/assets may be loading fast but users are still waiting up to 10 seconds to be able to anything.
The most effective way is to cut as much useless noise as possible from your pages:Chat widgets,popups, apps that modify the frontend, excess images,slideshows, etc if there's not hard proof that some doodad is generating sales get rid of it because slow-non-interactive webpages sure do stop sales.