Why First Meaningful Paint (FMP) worth more than First Contentful Paint (FCP)?
In the current era of competition over the world of internet. There is much difficult to grab attention for lazy loading websites. As people are much more aware and they have different choices for their needs to be accomplished online. If your website is slow loading, you are losing a great traffic of potential clients which can be beneficial for your online business in the long run.
Google Page speed Insight is the tool for measure the page speed factor of the website and assign a percentage % value to every website depends upon their load time. It not only check out the desktop speed of the website but also the mobile website speed to be measured as well. In November 2017, there was one more addition in the Google Page Speed Insight, which is called the chrome user experience (CRUX), which measures what is the real world user experience in page load distribution amongst different websites.
Before we move further one, I want to give some knowledge regarding how page speed works? The basic function of page speed is depends upon client-server interaction metrics, which we also called the request-response architecture. Before, the Page Speed Optimization we also need to do the server how the server renders the page on the client computer. There is one more interesting thing to note in server page rendering is the Time to First Byte (TTFB). It is the most important factor which is also inter-linked with FCP-DCL (First Contentful Paint- DOM Content Loading). In which there are three major factors which are as follows;
1. First Paint:
First paint is the very first Request and Time to first paint (TTFP) of the website to the server. The server then give response i.e, 200 OK Server Status Code and start rendering the page on the client system. It is basically, the first screen which is redirecting several URLs, which are like images.google.com, cdn.google.com, fonts.google.com. So, this is Time to first Interaction to the Client with the server through user search query.
2. First Contentful Paint:
First Contentful Paint (FCP) is the screen which shows some content in form of Text to the visitor. It is the page rendered screen which shows these things: Website Title with Favicon (Favorite Icon), Main Top-Level-Navigation (TLD), and above the fold Area of the website (without scrolling). In which the information about the website homepage and USP (Unique Selling Point) is described.
3. First Meaningful Paint:
First Meaningful Paint (FMP) is that area of the website, which shows some meaningful content to the visitor for which he has typed in the search query in the Search Engine (Google). This is also measured by Time to First Meaningful Paint (TTFMP) and Time to Interaction (TTI) Metrics. This is the content which serves the sole purpose of visiting the website and Visitor can even search more without having a bounce rate (Take exit from the first page of website without making any other interaction in 30 minutes Server Session Time)
The Fist Meaningful Paint is teh most critical factor which must be observed while examining the page load distribution. As this is teh most important factor on which most marketers and Web Developers are working hard. There are different tools like DOM Content Loader (DCL), Lighthouse Tool, Google Chrome and Google Pagespeed Insight, which measures the FMP. How much fast a page can render and provide the best user experience (UX) the web searcher wants in today's world.