2. Important page speed metrics
As per audit report by google page insight speed below are important page speed metrics which you need to understand and focus on improvement.
First Contentful Paint (FCP)
First Contentful Paint is measured when viable content on your website. This could be text, an image or canvas render. First contentful paint should be accessed fast to your website for better user’s experience and more conversion rates.
Improve FCP by optimizing your critical rendering path. Because FCP is one of the earliest events in the overall page load, server and network timings may have a large impact on the timing of FCP. For example, a high Time to First Byte time will also result in a high FCP.
To provide a good user experience, sites should strive to have First Contentful Paint occur within 1 second of the page starting to load.
First Meaningful Paint
First Meaningful Paint is when the good stuff actually loads. When the content the user is looking for appears on the page, this is referred to as the first meaningful paint.
First meaningful Paint is measures when the contents actually loads and appear on the page and user looking into the contents. This is one of the most important metrics for evaluating how long your visitors are waiting to receive the information they visited your site.
The most valuable content elements on your web page are known as hero elements. This varies from site-to-site, but it isn’t hard to determine what the most valuable part of a page is.
For video pages on YouTube, the most important element is the video. On social networks, the first posts in the timeline that are above the fold are the most important. For blogs, the body of the blog post and the featured image (if it is featured above the fold with the blog content) are the most important because this is what the visitor sees first.
This metric measures the average speed at which the entire content of the page gets loaded onto the screen. Basically it measures and checks how quickly all the visible elements are loaded on the screen. The search giant encourages users to optimize their pages so they load faster. This includes using less bulky images and simplifying code. Like the other metrics in this list, the lower the number, the better.
Time to Interactive (TTI)
Time to Interactive(TTI) measures the amount of time it takes for the page to become fully interactive. . This means that your user is able to navigate your page and see the information without problems. To create a better user experience content should be visible very fast on your website.
Largest Contentful Paint (LCP)
LCP measures how long the page takes to load from a user perspective. Generally it refers to the time to take the load with the largest image or text block visible to the user. As per google standard LCP should load within 1.5 seconds, if it takes more than that then definitely you should workout to improve the LCP.
LCP is decided by factors such as the render time and the largest video, image, and text in the user’s visible area of a web page.Google looks at this metric to find out how long it takes for the largest piece of content to load, regardless of the size of the device or the type of content on the page. LCP can be impacted by your CSS, your server time, and client-side rendering.
LCP of Less than or equal to 2.5 seconds is regarded as fast.Between 2.6 seconds to 4.0 seconds needs optimization. Greater than 4.0 seconds are considered slow.
First Input Delay (FID)
First Input Delay measures how responsive your website is, once a user clicks on a link, taps a button or any other interaction with the page. What is the delay between the interaction and the result of the website actually doing something.
Cumulative Layout Shift
CLS measures the visual stability of a webpage. Does the page shift as you scroll, do you go to click a link for it to move before you’ve clicked it. This usually happens because things are still loading in the background. Visual stability is a frustration for users as it can cause confusion – or worse – incorrect use of the site, form, or application. CLS is a score between 0 and 1 based on the element’s moving distance and visual impact in the viewport. A score of 0.1 or less is good, and anything over 0.25 is considered poor.
Total Blocking Time
Total Blocking Time (TBT) measures the total amount of time that a page is blocked from responding to user input (clicks, keyboard presses, etc) after the page has started to render content. Total Blocking Time calculation is based on the long tasks and blocks other critical tasks from being executed (e.g. reacting to user input).
First CPU Idle
First CPU Idle measures how long it takes a page to become minimally interactive. A page is considered minimally interactive when: Most—but not necessarily all—UI elements on the screen are interactive, and The page responds, on average, to most user input in a reasonable amount of time.
Time To First Byte (TTFB)
Time to first byte (TTFB) is the time it takes to request the information to the server and response to the user that was requested. This is the important metric of your website. If you can improve these metrics, you can improve your search rankings.
Dom Content Load (DCL)
This event fires when the initial HTML document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading.