CATEGORY · Performance · B04
FCP (First Contentful Paint)
When the first text or image paints; not the same as LCP.
Full definition
When the first text or image paints; not the same as LCP.
Concrete Shopify example
Illustrative example: a heading appears promptly while the product photo is delayed. FCP can be good while LCP is slow.
My take
Use FCP to locate rendering onset, then inspect main content and interactivity. Quickly displaying a loader does not make a store usable.
Related terms
Go further
Sources and editorial context
Teo Comyn · Updated
Technical references consulted for this revision. Illustrative examples are not measured client results. Check the current documentation and your store before applying a change.
Editorial policy