What Is First Contentful Paint?
First contentful paint, or FCP, is a performance metric that records when the browser first renders any DOM content after navigation, such as text, an image, or a canvas. It marks the moment a user gets the first visual sign that the page is loading. It is one of the standard web performance metrics tracked in lab and field tools.
Why it matters
A fast FCP reassures users that something is happening rather than a blank screen. CI performance budgets often gate a build on FCP so regressions are caught before release.
Related guides
What Is Largest Contentful Paint?Largest contentful paint measures when the largest visible element, such as a hero image or heading block, fi…
What Is Speed Index?Speed index measures how quickly the visible parts of a page paint during load, giving a score that rewards s…
What Is a Render-Blocking Resource?A render-blocking resource is an asset, typically synchronous CSS or script, the browser must process before…