FCP (First Contentful Paint)

FCP (First Contentful Paint) is a performance metric that measures the time from the start of page load to the moment the browser renders the first piece of actual content — text, an image, an SVG element or a non-default background. FCP answers a simple user question: is anything happening here at all? The sooner the first content appears, the faster the site feels responsive, even if full loading takes a little longer.

How FCP is measured

The clock starts the instant the user begins navigating to the page. The browser downloads the document, parses the HTML and CSS, builds the render tree and only then can display the first visible element. The time to that event is FCP. The metric depends heavily on TTFB (the server response time) and on how quickly the browser receives and processes the critical, render-blocking CSS.

Place among the metrics

FCP is part of the set of indicators reported by tools such as Lighthouse and PageSpeed Insights. Although it is not itself one of the Core Web Vitals, it is closely related to them and often reveals the cause of a poor LCP.

Practical applications

FCP improves mainly by shortening server response time, reducing render-blocking resources and delivering critical CSS early. In practice this means fast hosting with a good TTFB, use of a CDN, compression (Gzip or Brotli) and caching. Developers monitor FCP in Google's tools to catch regressions after every major change to a site, because a slow first paint increases bounce rate and worsens how the page is perceived.