How can I improve website speed by disabling lazy loading?

Hello, my website is krpjewellery.com

I’m getting poor speed scores from Google lighthouse and I can visibly see the slideshow I have at the top of my website load slowly when I open it, google lighthouse says it’s lazy loading, is there any way to turn this off so that it loads faster? Thank you

1 Like

Hi @Pior

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

For the section that you want to disable the image lazy loading. plz, Go to the section liquid file and find the following and remove the loading lazy from there.

like below one

Hope you find my answer helpful!

Regards,

PageFly

@Pior ,

Refer this post :

https://community.shopify.com/c/site-speed/how-can-i-turn-off-lazy-loading-above-the-fold/td-p/1555468

Hello @Pior ,

Don’t worry we will help you out with this.

Below are the issues that need to be resolved to improve the speed in mobile view:-

Reduce the unused javascript

Remove unused apps along with the code

Use scripts under the condition in theme.liquid file.

For example:- If you need to load the script only on the home page, then you can set a condition like this

{% if template == “index” %}

//script goes here

{% endif %}

Similarly, for including the script on the product page use the below code:-

{% if template == “product” %}

//script goes here

{% endif %}

And, for including the script on the collection page use this below code.

{% if template == “collection” %}

//script goes here

{% endif %}

Eliminate render-blocking

You need to preload all the assets where you are facing the issue, and it will load these assets faster as compared to other files.

You are advised to follow the above instructions only if you are good with the Shopify store code and setup, else please contact a Shopify expert team like us who can get this done for you.

If you need any help with the Shopify store please inbox us.

All the best,

CedCommerce