Largest Contenttful Paint Image Lazy Loaded

Technical Q&A
, ,
1

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
tritonebear_0-1668015874302.png1081×264 25.8 KB

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
tritonebear_1-1668016132013.png1523×765 44.8 KB

Definitely correct me if I’m wrong.

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

2

@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.
3

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