Google defines page experience as:
Google Page Experience is a set of signals that measure how users perceive the experience of interacting with a web page beyond its pure information value.
These signal consists of several existing Google search ranking factors, such as
According to the following diagram, you can see 7 ranking signals with Page Experience
Detailed study of the Core Web Vitals
Core Web Vitals has the following components
Although you are not a coder or webmaster you should know this up to some extent as a person who is running a WordPress. Because now everyone is working to improve the Core Web Vitals with an expectation to improve Google’s page experience signals.
How to improve the core web vitals with WordPress (This is the main area we have to discuss)
There are two reports to be considered
We do not know yet which one carries the most weight with respect to SEO.
Mobile first approach is the good one for your WordPress website because this will have high impact on your page experience signal
You can find three main things under Core Web Vitals:
largest contentful paint (LCP), first input delay (FID), and cumulative layout shift (CLS)
The largest contentful paint is the metric that measures the time a website takes to show the user the largest content on the screen, complete and ready for interaction.
In simple terms:
In your WordPress website, the largest content can be an image, and the time taken to visible that image on your browser is the largest contentful paint.
How to measure the LCP
How to improve LCP in WordPress
Definition
FID measures the time from when a user first interacts with a page (i.e. when they click a link, tap on a button, or use a custom, JavaScript-powered control) to the time when the browser is actually able to begin processing event handlers in response to that interaction.
In simple terms:
Sometimes browsers delay the response to action when you click a link or button while page loading. This delay is called the first input delay.
This happens when a user tries to do some action (click a button or link) while the page is loading.
Measures a page’s input delay (a.k.a. input latency).
A good FID score is 100 milliseconds or less.
FID is one of three Core Web Vitals metrics
When you include Youtube video it will include lot of JS code
When you click on the menu or button while loading the page, button or menu should not move. This is what layout shift addresses about.
What is good CLS score?
Over half of the internet traffic comes from mobile devices.
One can argue that you have to optimize your website for mobile. It is true
But …
Before going to the mobile-first approach you have to decide your buyer’s persona and the percentage of traffic that comes with mobile devices.
Google uses mobile-based web crawlers and does mobile-first indexing. So your website should be visible properly on mobile devices. Otherwise, your website will not rank well on Google.