Pack Hosting Panel

First Contentful Paint

What is the First Contentful Paint?

First Contentful Paint

First Contentful Paint (FCP) is one of the many metrics tracked by the Performance Scan on both desktop and mobile. Each metric captures a different aspect of your application's performance.

The resulting FCP is shown in milliseconds:

First Contentful Paint
desktopNEEDSIMPROVEMENTGOODPOOR1600 ms950 ms465 ms
mobileNEEDSIMPROVEMENTGOODPOOR4000 ms2336 ms465 ms

What does FCP measure?

The FCP metric measures how long it takes for the browser to render the first piece of DOM content after a user navigates to the scanned page.

Images, non-white <canvas> elements, and SVGs are also considered DOM content; anything inside an iframe isn't included.

How can I improve my application's FCP score?

One issue that's particularly important for FCP is font load time. Check out this post for ways to speed up your font loads.

I would like to learn more

For more detailed info on the PageSpeed FCP metric, you can read this article.