Core Web Vitals

FCP (First Contentful Paint)

First Contentful Paint marks the point when the browser first renders any text, image, or non-white content to the screen. It's the user's first visual confirmation that the page is loading. An FCP under 1.8 seconds is considered 'Good.'

Why It Matters for Shopify Stores

FCP is a user experience signal that affects perceived load time. Even if your store takes 4 seconds to fully load, a fast FCP (under 1 second) makes it feel much faster because shoppers see something immediately. For Shopify stores, FCP is typically slowed by render-blocking CSS in the theme, large critical CSS files, and slow server response times. Improving FCP reduces bounce rates from impatient mobile shoppers.

How to Check Your Store

Google PageSpeed Insights shows FCP under 'Core Web Vitals'. You can also use WebPageTest.org for more detailed waterfall analysis of what's blocking your first paint.

Use the free shopify speed test tool

How to Fix It

Eliminate render-blocking stylesheets by inlining critical CSS. Use font-display: swap for custom fonts. Minimize your theme's above-the-fold CSS. Ensure your hosting/CDN delivers initial server responses quickly.

Related Terms

Check your store's FCP with our free tools

Get a full audit across all 6 performance categories — including core web-vitals — in under 60 seconds.

Run a Free Store Audit