Google speed test states my Parallax/Out of the Sandbox theme is NOT lazing loading images??

[Endless_Hair_Ex]

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.
 

Thank you!

Jennifer

https://www.endlesshairextensions.com/

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.endlesshairextensions....

[PaulNewton]

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:

https://cdn.shopify.com/s/files/1/0946/8572/files/shutterstock_92844355_-_Copy_2_small.jpg?v=1544195...

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.

Additionally is seems only the banner has a <noscript> fallback, try disabling your browsers javascript and viewing your store in a incognito/private browser window.

[Endless_Hair_Ex]

Hi, thank you for your help,  I understand better now the term laxyload? so just now have to figure how to put this in place?

[PaulNewton]

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.

[Endless_Hair_Ex]

Hi, what would you charge to have all my images defer?

Jennifer