Preventing Main Image Banner To Lazy Load

Technical Q&A
, ,
1

Dear All,

I have a website based on stockholm theme, I am trying to manage my page speed and it seems that I am stuck in a point of having my main banner to be loaded normally without lazy loading.

banner lazy load.PNG
banner lazy load.PNG964×290 31 KB

Note that I have two more image banners in my home page so in total they are three in one page. I have added loading=“lazy” in the code inside image-banner.liquid. add to that I have taken a look on the community and found @bryan76 having the same problem I tried the solution recommended but it doesn’t work.

this is the code I have tried but also didn’t work I hope someone can help me in this. website is anna-sleep.ae

2

Hi, I am not familiar with that theme yet it seems like you know where the relevant code is. I found it overly troublesome to separate out the different banner images and just ended up set all image banners to Eager by simply changing the word Lazy to Eager and all was good. you should not get an error on Page Speed Insights for the below the fold images loading fast.

Hope that helps. Very nice site you have!

3

Hello Bryan,

Thank you for that I really appreciate your help and compliment. I have changed loading to eager and the warning disappeared, I hope everything is going great with you and your website too.