Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I believe the theme I am using (Taste) automatically lazy loads images/sections. However I think it is also lazy loading image sand sections that are above the fold, causing my site speed to slow down.
How can I disable lazy loading ABOVE the fold, but keep lazy loading activated BELOW the fold?
Hello @eack77 ,
First you need to Check Theme Options: Start by checking your theme's settings or options panel. Many modern themes come with built-in options for lazy loading, and some may allow you to specify whether it should be applied above the fold or not. Look for any settings related to lazy loading and see if there's an option to disable it above the fold.
Custom Code: If your theme doesn't provide a built-in option, you may need to resort to custom code.
a. Identify the Lazy Loading Code: First, you need to identify the JavaScript code that is responsible for lazy loading in your theme. This can often be found in your theme's JavaScript files. Look for code that includes phrases like "lazy load" or Check CSS class for particular section that is using for lazy loading.
b. Modify the Code: Once you've identified the code responsible for lazy loading, you'll need to modify it to exclude above-the-fold content. This might involve adding conditions to the lazy loading code to skip images and sections that are above the fold.
Hello,
I was wondering if you had found a solution to your problem as I am facing the same issue at the moment, my store just opened and my speed test is not very high so I thought maybe it could be solved through this. Could you please help me on how did you solve your issue.
I appreciate it.
Thank you.