FCP Overview | Ultimate Site Speed Guide | Baseline Commerce
Baseline Commerce Logo
/ FCP (slow display)5 min read

FCP Overview

First Contentful Paint is the moment the page stops being a blank white screen.


What is FCP

It's how long it takes for the first content. For all intents and purposes - when you page stops being a blank white screen

Not FCPIs FCP (ANY content has displayed)

How to know if its a problem on your PDPs

If you see a long white pause before your content loads, or if any tools below state FCP is > 2s

Fastest way to check:
Local testing: always compare on a draft theme first.

Good for quick checking:
Shopify Reports - CLICK HERE

Good for a visual inspection (more accurate):
Fastersite.ai - CLICK HERE

Why is it important?

Long FCP is associated with higher bounce.

The longer users see a blank white screen, the longer they assume a page is broken or lose interest.

LCP is the most important metric, and what people measure. But LCP can only happen after FCP.

The browser has a ton of behind-the-scenes optimisations - if our page has not at least loaded FCP, it can't use LCP optimisations.

Shopify - Performance Report (2026) - LINK
Google - Milliseconds Make Millions (2020) - LINK


Shopify enterprise performance report 2026

Unlock everything!

This will be slowly releasing in the build up to BFCM 26. To get the rest of the training in advance, sign up to the newsletter. New training live every week

Free. Unsubscribe any time.