First Contentful Paint (FCP)
What Does First Contentful Paint (FCP) Mean?
First Contentful Paint means the time before the user can see the first images and fonts rendered on your website. Technically, the browser renders the first part of the HTML (DOM or Document Object Model), including text, images, svgs, and other visual elements. The rough concept is: if you can see the product name, image, description, OR price of a product on an eCommerce website, you can say that the page has a first contentful paint.
How to Measure FCP?
Measuring FCP is as simple as running PageSpeed Insight on the URL you want to measure, and FCP is the first metric that appears.
How to Improve FCP?
One tip to improve FCP is to make sure you are displaying text even while loading custom fonts. If you are using custom fonts, you should make sure you are optimizing for fast web fonts.