Defer offscreen images and Eliminate render-blocking resources

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

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.

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