Defer offscreen images and Eliminate render-blocking resources

jimmy98
Visitor
1 0 0

Hi, could someone help me with the performance of my website?

SPG 1.JPG

Replies 2 (2)

RaviPitroda
Shopify Partner
1 0 0

Hi, 

I would like to explain to you that you need to lazy load the images to remove them from the defer offscreen images suggestions. To eliminate render-blocking resources, a few parameters like 'preload' need to be added to the CSS.
This should help you solve two major problems from the screenshot shared by you.

In case you face any issues in implenting the above, please send an email to ravi.pitroda@mlveda.com, and I will be happy to assist you.

kazi
Shopify Partner
544 85 105

Hello @jimmy98 

 

  To fix the  Defer Offscreen Images 

 

     > Add "Lazyload" to the images you can do it by adding native attribute loading="lazy" or  lazysizes js  https://github.com/aFarkas/lazysizes to the image tags.

 

To fix  Eliminate Render-Blocking Resources

 

      > Add "defer" to js files or inline them

       > Inline CSS files

☑️ If the answer solve your issue please ✔ Accept it and hit like ✌️

► Need help with THEME CUSTOMIZATION, SPEED OPTIMIZATION ?


WhatsApp Email: Click here Skype: kof.bd