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:

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.