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

Largest Contenttful Paint Image Lazy Loaded

Largest Contenttful Paint Image Lazy Loaded

tritonebear
Shopify Partner
27 0 10

This is the only photo above the fold on my front page that lazy loads, and I need help finding the code and removing lazy load from it. 

 

I'm still very new when it comes to the shopify code, so any and all help would be lovely. 

 

tritonebear_0-1668015874302.png

Heres the banner image I'm referring to. Its a part of the slideshow on my front page. 

 

After combing through most of my code, the only liquid files that have lazy loading at this point are few and far between and I try to keep lazy loading below the fold. 

This is the coding I think is auto lazy loading all of my photos on my front page:

tritonebear_1-1668016132013.png

Definitely correct me if I'm wrong. 

 

Is there a way to just exclude the banner photos from lazy loading? 

Replies 2 (2)

1080
Shopify Partner
301 9 65

@tritonebear  Which theme are you using !

Native Lazy Loading
If you've used the loading="lazy" attribute to utilize the browser's lazy loading feature for images in your HTML, simply remove the attribute from the identified LCP image.

Keep in mind that your LCP image could differ on mobile and desktop, so consider disabling lazy loading on all your above-the-fold images.
tritonebear
Shopify Partner
27 0 10

I am using a theme by Eight. Specifically Byron but I dont think much differs between them besides style.