Re: How to reduce/remove LCP on the page

Keez · ‎09-14-2023

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.

JohnE10 · ‎09-15-2023

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.

If my reply was helpful, Like and Accept. Or Buy Me a Beverage
App Development/Custom Modifications, Visit My Gig and let me how I can help
For help with your store speed optimization, Check Out My Other Gig
Feel free to email with any questions: ProjectCoder10@gmail.com

View solution in original post

JohnE10 · ‎09-15-2023

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.

If my reply was helpful, Like and Accept. Or Buy Me a Beverage
App Development/Custom Modifications, Visit My Gig and let me how I can help
For help with your store speed optimization, Check Out My Other Gig
Feel free to email with any questions: ProjectCoder10@gmail.com

Keez · ‎09-17-2023

Thank you John, This helped immensely!

JohnE10 · ‎09-19-2023

No problem at all. Glad you found it helpful.

If my reply was helpful, Like and Accept. Or Buy Me a Beverage
App Development/Custom Modifications, Visit My Gig and let me how I can help
For help with your store speed optimization, Check Out My Other Gig
Feel free to email with any questions: ProjectCoder10@gmail.com

Re: How to reduce/remove LCP on the page

How can I lower the LCP on my webpage for improved speed?

Community Blog Articles