A website’s First Contentful Paint is when the browser send and provides the first DOM element of the page.
In clear words, FCP is the time which is taken for a website user to see any content on their browser once they have tapped on the website link.
Difference b/w First Contentful Paint & First Input Delay:
First Input Delay (FID)
FID calculates interactivity: the time a website takes to answer after the visitor interacted (for example, taps on a button or link) with it.
First Contentful Paint (FCP):
FCP calculate how long a page takes from the start load to the first provided content displaying on the screen.
Some of you may think how first paint is change from first contentful paint. So Lets take a look:
How to Measure First Contentful Paint?
Webmasters and publishers will able to calculate the First Contentful Paint of their website using various tools example:
- Light house
- Webpage test
- Chrome dev tool
- Pagespeed insights
- Chrome user experience report
The good FCP score:
As claimed by Google’s guidance a good FCP score should be less than 2.5 secs. This make sure about the good UX. The FCP score threshold are these:
- Good FCP: FCP should be of 1200 milliseconds or less
- FCP needs to be improved : FCP should be between 1200 and 2400 milliseconds.
- Poor FCP = FCP should be higher than 2400 milliseconds.