How can I optimize LCP for main page collection categories?

[flo3393]

Hi there,

how can i optimize LCP on my main page for collection catagories? Lighthouse is saying that there is some optimization potential. Maybe there is something more that can be optimized. Would be happy about some code 🙂

[INA_MSWEB]

Hello,

I am San from MS Web Designer.

Here are some proven steps that will improve your website speed dramatically for both mobile and desktop.

• Select a lightweight Shopify Theme.
• Remove all Unwanted Shopify App ( That you have installed but not using)
• Minify Javascript, CSS 
• Reduce the Large Image Size
• Eliminating the halting problem in JavaScript.
• Apply Lazy loading per section wherever required.
• Replace Gifs with the Static Images
• Resize Products images using Shopify App (for Bulk)
• Check the page speed using Google page Insight and GTmetrix.

By fixing these issues, your website speed score can improve.
If you want a Free complete Website Optimization Audit Report (All the Actionable steps for your store), let me know |

If you have any concerns feel free to ask me!

Good Luck!
Regards,
San

[kazi]

@flo3393  Hello can you share the store URL?

[flo3393]

Thanks in front of!
URL: www.jamocards.de

[kazi · Accepted solution]

@flo3393  I have checked one collection page in google page speed  https://pagespeed.web.dev/analysis/https-www-jamocards-de-collections-pokemon/mn5y7azhjv?form_factor...

and in chrome console

Some resources has load delay which causing LCP loading delay also, you need to optimize theme adding defer/async to JS files. inline CSS.

If you need help fixing them you can contact me. Thanks! 

[onescales]

1. upload smaller size of image. compress with compressor.io

2. ask developer to add preload tag

for more tips, see https://www.youtube.com/watch?v=9P0ZUkLAEQY