How to reduce/remove LCP on the page

[Keez]

Request you to please help me out with the page speed of my website.

https://prettymade.com.au/

LCP: 4.0 s

First Contentful Paint:1.8 s

Total Blocking Time: 480 ms

Speed Index: 3.1 s

The LCP is very high. the first images seems to be lazy loading as per the google report. If I go to theme.liquid in the head, i don't see any lazy setting.

[Suraj_Singh]

@Keez I hope you are doing great.
I reviewed your website and will be more than happy to optimize the speed and performance of your Shopify store. As per the test results, there is a large scope for improvement on mobile. 
Google Page Insights Results - https://pagespeed.web.dev/analysis/https-prettymade-com-au/hkmujx7kgw?form_factor=mobile

The goal is not just to improve the number but also to improve or get good Core Web Vital scores, i.e.,
CLS(Cumulative Layout Shift),
FID(first input delay), and
LCP(largest contentful paint)

Please feel free to reach out if you have any questions.

[JohnE10 · Accepted solution]

To fix this, you need to make a small modification to your image-banner.liquid file, not theme.liquid.

All you need to do is, in the image-banner.liquid file, find the first line of code that says: "loading: 'lazy'," (without the double quotes) and either delete it or replace 'lazy' with 'eager' (be sure to keep the comma after 'eager'). That'll take care of the Lazy loading issue.

[Keez]

Thank you John, This helped immensely!

[JohnE10]

No problem at all. Glad you found it helpful.