New Shopify Certification now available: Liquid Storefronts for Theme Developers

How to fix FCP and LCP?

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
229 27 126

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.

If your looking for a pagespeed solution for your Website, take a look at:
Shopify Partner
15736 2353 3051

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: | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
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