LCP value too big on my store!

alonelanister · ‎11-17-2024

My store's LCP value is 26 sec! While the delay time is 61830ms (most of this is render delay).

Can't figure out what to do about it, the homepage is loading so slow. Any help would be appreciated!

Taknify · ‎11-17-2024

LCP means the Largest element on your website. Your largest element on your website should be the banner but google is flagging the largest element to be the first product image from the Fresh In carousel you have. You have to cut out the fat on that image and the section overall or increase the size of the banner so google flags that your largest image is the banner.
Something you can also do is have the banner prefetch way above the head so the loading time is less.

Need to tweak your store for Black Friday? Simply, send me a message.

Website_Speedy · ‎11-21-2024

Hi @alonelanister ,

To improve LCP (Largest Contentful Paint), it appears that the first product image in the "Fresh In" carousel is currently the largest visible element, which is slowing down your site's load time. Here are a few ways you can address this:

If optimizing the image isn't enough, you could also move the carousel further down the page so that it doesn't get flagged as the largest visible element. This allows the banner or other content above the fold to load first, improving your LCP score.

Increase the size of the banner so that it becomes the largest visible element. This will help ensure that Google flags the banner instead of the carousel image, improving the LCP score.

Consider preloading the banner image by adding the following <link rel="preload"> tag in the <head> section. This helps the browser prioritize loading the banner image faster:

Compress images and use modern formats like WebP to reduce file size without sacrificing quality. This can significantly speed up load times, especially for larger images.

Additionally, as an affiliate of the Website Speedy app, I recommend exploring it for further optimization of your website’s performance. It can help improve core web vitals with a simple setup that takes about 5 minutes, and it offers a 14-day free trial. You can check it out here: https://apps.shopify.com/website-speedy

If helpful then please Like and Accept Solution.
Need help with optimizing the speed and performance of your website? Check out our app our app

LCP value too big on my store!

LCP value too big on my store!

Community Blog Articles