Why aren't my animated images lazy loading properly?

[Cangelos772]

Hello, I need help diagnosing an issue regarding lazyloading animated images.

Website is: www.headbangersports.com

I have lazysizes setup on every image throughout the site, it functions properly however in the shopify analyzer by speedboostr, it shows the animated images on the homepage are still not lazyloaded ( as well as smaller images but my focus for the time being are those larger, animated images)

Does lazyloading not take effect on animated images? Even in the inspector tool I can see that they are lazyloaded (as the class shows “lazyloaded”).

thoughts? Any suggestions or point me in the right direction to resolve this?

[oscprofessional]

@Cangelos772 ,

Can you share the screenshot which animated images are there ?>

[Cangelos772]

[Cangelos772]

@oscprofessional

[oscprofessional]

@Cangelos772 ,

already it is having lazyloaded.

[oscprofessional]

@Cangelos772 ,

I have checked your store in page speed insight tool, only 2 images don’t have lazyloaded.

& logo need not to have lazyload.

[Cangelos772]

Oh, I know. It shows in the inspector tool on the live site. My question is why is it not showing here on the shopify analyzer? Is it because its animated.

[oscprofessional]

@Cangelos772 ,

what do you mean by shopify analyzer ?

[Cangelos772]

@oscprofessional

https://analyze.speedboostr.com/

[oscprofessional]

@Cangelos772 ,

Check your store in page insight tool or GT Matrix

[Cangelos772]

Will do