How can I improve FCP and LCP on my website?

1 0 1

Hi, I have a site, it has First Contentful Paint (FCP) and Largest Contentful Paint (LCP). (Screenshot attached)
Is there any developer knows how can I fix this? Thanks!


Screen Shot 2022-01-28 at 12.47.47 AM.png

Replies 4 (4)

Shopify Partner
253 29 130

This isn't a Shopify site you are sharing


FCP is improved by not having any render blocking resources, and if there are any, they should be 100% connect to what you have above the fold and not have anything non critical in them

LCP is improved by not having any delay to the LCP content being loaded, in your case it's text, so improving FCP will improve FCP in tandem

Available for freelance. I specialize in speed improvement and theme development.

You can also contact me directly if you prefer.

Shopify Partner
15897 2378 3084

Hi @marryjackson ,

Welcome to the Community.

We will help achieve your task easily and more cost-effectively if you are looking for a way to improve the Speed of your site quickly & effectively! you can check our store.

You can directly get connected with me via email or Skype.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

1 0 0

Hi mary, i was wondering if you got the solution to this issue? As I am having the same issue but not on the home page but on a specific page. Do let me know if you got the solution. thanks!


1 0 0

If you are familiar with the Shopify liquid coding, you can implement the following optimizations to improve both FCP and LCP on your site :

  1. Reduce Server Response Time (TTFB)
  2. Eliminate Render-Blocking Resources.
  3. Generate Critical Path CSS and Inline It.
  4. Avoid Script-Based Elements Above-the-Fold.
  5. Avoid Lazy Loading Above-the-Fold Images.
  6. Inline essential images.
  7. Optimize Your Site's DOM Size.


If you are not comfortable making code edits in your Shopify store the you can try services like