Hi,
I been focusing in increasing my site speed however I come across this problem, ‘Largest Contentful Paint image was lazily loaded’. I have looked everywhere, got close but still cant fix. Its highlights the featured product section.
2 Likes
Hi @ajay2681 ,
In my understanding, they want the image that appears first not to be lazily loaded or images that are above the fold. Example, if you use hero banners, I would recommend not to have it lazily loaded so it shows up as soon as the website finish loading
I see, but how do I not have it lazily load?
You have to change code in the first section to be not lazily loaded. It would be best to ask someone who has knowledge in reading the codes to this for you
@ajay2681 how you load the CSS use only
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.
I have looked into the liquid and CSS files however I don’t see any ‘loading=lazy’. I decided to change the layout to fix the issue. Thanks for the help!
1 Like
@ajay2681 if you using the shopify dawn then upgrade to the theme 7.0
I’m experiencing this issue on Dawn 9.0. What is the best way to fix this? Thanks