Defer offscreen images and Eliminate render-blocking resources

[jimmy98]

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

 

[RaviPitroda]

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 [email protected], and I will be happy to assist you.

[kazi]

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