Google recently announced core web vitals, and we expect these to be among the topmost key ranking factors in the future.
Your Lighthouse report, as we mentioned earlier, incorporates invaluable data. This data includes core web vitals- which are among the first insights you’ll find on your Lighthouse report. Three essential metrics are present in core web vitals:
I. Largest Contentful Paint (LCP)
Of all the three metrics in core web vitals, you may find LCP the easiest to understand. It measures the speed of accessing your page’s largest drawn item. That is why this metric is called “Largest Contentful Paint”.
Therefore, you can use LCP to measure your site’s loading speed. If our website lags when loading the most important and biggest content, users are likely to get frustrated and leave the page.
II. First Input Delay (FID)
FID is essential in determining interactivity. It measures user experience errors that tend to annoy any internet user. If you have tried to click the “Download” or “Submit” button several times because the first time failed to work, you know how frustrating such an experience can be.
FID measures the time gap between a user initiating a specific action and the site’s execution of that action.
III. Cumulative Layout Sheet (CLS)
CLS tries to improve your site’s visual stability. You may have noticed that sometimes content shifts around as a site loads. That may be very irritating for a user that wants to click something, but the content keeps moving.
How You Can Use Google Lighthouse
You don’t need to be an SEO professional to use Google Lighthouse. You can use the options below to run Lighthouse:
• Developer tools
Follow these steps:
Step 1: Open Google Chrome and navigate to your target web page
Step 2: If you are on Window, click Ctrl + Shift + J or F12. You can also open Mac’s Developer Tools Audit Panel by clicking Shift + Cmnd + I.
Step 3: Expand the menu by selecting the two arrows at the top of the tab
Step 4: Select “Lighthouse” in the dropdown menu.
Step 5: Choose whether you want analysis conducted for either desktop or mobile performance.
Step 6: Hit “Generate Report.
• Chrome add-on
Step 1: Enter Chrome’s web store and search for Google Lighthouse
Step 2: Choose the “Add to chrome” option, then hit “Add extension”
Step 3: Find the puzzle icon located near your browser’s top-right corner and click it
Step 4: Pick the Google Lighthouse icon
Step 5: Select “Generate Report” and your report will appear in a new tab.