What's your biggest current challenge? Have your say in Community Polls along the right column.

How can I improve website speed by disabling lazy loading?

Solved

How can I improve website speed by disabling lazy loading?

Pior
Tourist
6 0 2

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

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1786 3120

This is an accepted solution.

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

 

PageFly_1-1665997087035.png

 



Hope you find my answer helpful!

Regards,

PageFly

View solution in original post

Replies 3 (3)

PageFly-Victor
Shopify Partner
7865 1786 3120

This is an accepted solution.

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

 

PageFly_1-1665997087035.png

 



Hope you find my answer helpful!

Regards,

PageFly

oscprofessional
Shopify Partner
16116 2410 3126

@Pior ,

Refer this post :

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

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

Cedcommerce
Shopify Partner
718 76 114

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

    <script src="{{ script link}}" ></script>

   {% endif %}

 

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

 

  {% if template == "product" %}

     //script goes here

    <script src="{{ script link}}" ></script>

   {% endif %}

 

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

 

   {% if template == "collection" %}

     //script goes here

    <script src="{{ script link}}" ></script>

   {% 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.

 

Cedcommerce_0-1666157076298.png

 

 

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

CedCommerce || Shopify Expert
- Let us know if our reply is helpful for you. Like it.
- Was your question answered? Mark it as an accepted solution.
- For further discussion contact: Email ID- apps@cedcommerce.com
- Whatsapp:- Join Here