TL;DR
First Contentful Paint (FCP) is the time, from when the page starts loading, until any text, image, SVG, or non-white canvas element is first rendered in the viewport.
What is First Contentful Paint (FCP)?
First Contentful Paint (FCP) is the time, from when the page starts loading, until any text, image, SVG, or non-white canvas element is first rendered in the viewport.
Read our guide: Core Web Vitals optimization. Or work with us through our done-for-you website speed optimization services.
FCP Thresholds & Benchmarks
| Metric | Good | Needs Improvement | Poor |
|---|---|---|---|
| FCP | ≤ 1.8 s | 1.8 s, 3.0 s | > 3.0 s |
How FCP is Measured
FCP is reported by the Paint Timing API, Lighthouse, PageSpeed Insights, and CrUX, in seconds.