FCP

First Contentful Paint

ChromeFirefoxSafari
Core Web Vital

Measures the time from when a page starts loading to when any part of the page's content is first displayed.Learn more

How FCP is Calculated

You just experienced a 2-second delay before any content appeared. This entire page demonstrates First Contentful Paint.

  1. 1
    Navigation Start

    Measurement begins when the user initiates navigation to the webpage

  2. 2
    Resource Loading

    Browser fetches HTML, CSS, JavaScript, and other critical resources

  3. 3
    DOM Construction

    HTML is parsed and DOM tree is constructed

  4. 4
    First Paint

    Time recorded when any text, image, or canvas element first renders

FCP Formula: Navigation Start → First Content Render Time

Good≤ 1800ms
Needs Improvement1800ms - 3000ms
Poor> 3000ms
Real-world impact

Poor FCP makes users think the page is broken. Fast first paint gives immediate feedback that the page is loading successfully.

Note: You experienced 2 seconds of blank screen before this content appeared. Real FCP is affected by server response time, render-blocking resources, and network conditions.