Lazy loading slowing down store on Sense theme

[Styleshield]

On my shopify store I am using the Sense theme, lazyloading is slowing it down by a lot. Its on the the first image of the page. If it happens on all the other images its fine and shouldnt slow down the website alot, right? Id like some help on how to remove lazyloading on specific images. All the other discussions have solutions where they have .scss files, but mine only has .css, .liquid, .json, and .js files, or am I looking in the wrong place for them? any help would be appreciated

.

[olasunkanmi]

If you are using the Sense theme, you can disable lazy loading on specific images by adding a custom class to those images in your HTML code and then disabling lazy loading for that class in your CSS file.

To do this, follow these steps:

1. Add a custom class to the images you want to disable lazy loading for. For example, if the class is “no-lazy”, the code would look something like this:

pythonCopy code
<img src="image-url" class="no-lazy" alt="image-description">

1. In your CSS file, add the following code to disable lazy loading for the custom class:

cssCopy code
.no-lazy { opacity: 1; transition: none; }

This will force the images to be loaded immediately, instead of being lazy loaded.

Note: If you don’t have a CSS file, you can create one and add it to your theme by going to the “Themes” section of your Shopify admin, clicking on the “Actions” button, and selecting “Edit code”. From there, you can add a new CSS file by clicking on the “Add a new asset” link, and selecting “Create a CSS file”.

[KetanKumar]

@Styleshield

oh sorry for that issue but can you resize image and compares your image after upload

[SEOAnt-Zoey]

Hi, I’m glad to participate in this discussion.
The best way to improve website speed is to have professionals help you optimize your site or to use a Shopify app with acceleration features.

Google is now very strict about monitoring website speed. Some experts might use cheating methods to significantly improve your website’s speed, but if Google detects this, your site could face penalties, such as having your products removed from Google Merchant Center. Using legitimate methods to speed up your site is a highly technical and time-consuming process, and it can be quite costly.

That’s why choosing a Shopify app with acceleration features can be a better option—you won’t have to worry about violating Google’s rules, and it’s more cost-effective.
I recommend SEOAnt ‑ AI SEO Optimizer.

Here’s why:
1.All acceleration features comply with Google’s guidelines. If the app doesn’t follow the rules, Shopify will remove it from the app store.
2.SEOAnt ‑ AI SEO Optimizer offers a comprehensive set of acceleration features:
-Image optimization: For most websites, images are typically the last to load. Losslessly compressing page images can shorten your page load times.
-Site Speed Up: When users visit the website, this feature limits the loading of third-party resources and the execution of unnecessary programs. It prioritizes loading your own website resources, saving the time spent on loading third-party resources.
-Lazy-loading: Preload and render potential target pages before the user’s anticipated actions, significantly reducing page switch delays and perceived wait times.
-Instant Page: Before a user clicks on a link, they hover their mouse over it. When a user hovers for 65ms, there’s a 50% chance they’ll click on the link. At this moment, instant.page starts preloading, giving an average of over 300ms for the page to preload.
-AMP: AMP (Accelerated Mobile Pages) is an open-source framework launched by Google, designed to help web content load quickly, especially on mobile devices.

Google has repeatedly emphasized that fast-loading websites not only provide a better user experience but are also more likely to achieve higher rankings in search results.

A study by Google and SOASTA found that increasing page load time from 1 second to 5 seconds increases the likelihood of users leaving by 90%. For every additional second of load time, conversion rates drop by an average of 20%. Another finding is that pages that take more than 3 seconds to load may see a 32% increase in bounce rates.

SEOAnt would like to offer a 40% discount to users who try installing the SEOAnt - AI SEO app. Please install it through this link and enter “SEOAnt-AI SEO40%OFF” on the pricing page to receive 40% off all plans for a period of 2 months, valid long-term.

Wish you a prosperous business！