Unless you have a supporting website performance strategy, you have no SEO strategy. With the update of Google every time, the skills and attention required for high ranking will be improved.
Google now starts \”page experience\” as one of their ranking factor. Please note that the page experience is related to the user experience but different. Google published a large number of documents explaining the performance indicators they will find.
Although this update will not be a huge change, it will require your website to provide a page experience that not only involves speed. Page speed is important, but it is too broad to provide help.
Google’s three new website performance indicators (referred to as Core Web Vitals) measured the tangible visitors on each page.
No time to understand Core Web Vitals? I believe we and install our free plug -in Jetpack Boost.
What is the core web vitals, why are they better than old indicators?
As explained in Google, Web Vitals provides a method of quantitative user experience and providing specific steps that they can take to improve. The core network life signs will solve the fact that many measurement tools focus on technology -instead of the fact that
artificial focuses on.
Google’s previous website performance indicators measured the concerns of automated scripts, robots and computers. But Core Web Vitals is related to the real experience of real visitors. So, these indicators are still related to the speed of the website, but the speed that users care about in the real world.
When the Core Web Vitals perform poorly, user will feel . At present, Google has established three Core web vitals related to the following:
[ [ [
[
- [
123] Loading performance, measured with maximum content coatings (LCP)
Interactivity, measured by the first input delay (FID) measurement
Visual stability, and measured through the accumulated layout (CLS) measurement
These terms may look a bit overwhelming, and these terms may look a bit overwhelming. But they will make you easier to improve your page experience and your search engine ranking.
Let’s take a closer look at each one.
LCP: The biggest connotation paint
It is not helpful like \”website speed\”, because they are too broad and cannot truly reflect the content that users care about. When you open a web page, you can start interacting with it without loading the entire page. What you need to see is the core function of the page. The LCP index measured the rendering time of the largest image or text block in the first visible screen. This can be photos, videos or text blocks. The idea here is that even if all the various elements in the sidebar or the small part of the page have not been fully loaded, as long as the main content can be visible, you can start interacting with the page.
When measuring the performance of the LCP index (on mobile devices and desktop devices), Google will find scores below 2.5 seconds in at least 75% of experience. This was evaluated by \”good\”. The \”difference\” rating is more than 4.0 seconds.
How to improve my LCP score
According to Google, LCP is mainly affected by slow server response, client rendering, resource loading time, and rendering obstruction JavaScript and CSS. This is a bit technical, but if you have expertise or can hire developers, they can start handling some of them.
Rendering blocking resources may cause the maximum content painting to be loaded longer. By delaying non -critical CSS and JavaScript, you can speed up the loading time of the main content.
When the loading time of videos and images is too long, this will also affect your LCP. By optimizing and compressed images, you can speed up.
If this sounds complicated, please jump to the bottom to obtain it for you Tool of.
Understand more information about LCP and how to increase scores
FID: The first input delay
When the visitors adopt specific operations, the user experience will be poor, and the user experience will be poor. Then your netNothing happened.
For example, when you click the link or button, or click the image, how long does it take to deal with your operation? If you have to sit there, it will be a bad page experience and will damage the performance of your website.
Google’s new ranking factor will reward low FID scores. This score measures the time from the user’s first and on the webpage
to the time of the browser ring.
This should not take a long time. Google rated the websites with at least 75% of the user interaction with the FID score of less than 100 milliseconds as \”good\”. The difference is more than 300 milliseconds.
How to improve my FID score Start The opportunity to increase the FID score will be revealed.
The most common reason for the poor FID score is that there are too many JavaScripts that try to perform various tasks. If the main thread is busy handling all JavaScript tasks, it will not sound an application household interaction.
You can increase the FID score by breaking up long tasks and optimizing pages to prepare for users, use Web Worker, and reduce the execution time of JavaScript.
If this sounds complicated, jump to the bottom to obtain tools that can handle most of the content for you.
Learn more information about FID here
CLS: Cumulative layout shift
Your visitors are very concerned about this, we will show you to improve improvement later Several methods, including complete free tools for you.
When you are on the webpage, a \”layout transition\” will occur, and suddenly everything will be up or up or up, or it will be up or up or up, or Move down a little. Have you ever happened to happen? You are trying to read the page and the text is constantly jumping. This is very frustrating. If you try to click on something, it may worsen.
- This transformation occurred because other elements on the page were added or deleted, somewhere outside the page part of the page you can see. This may be the adjustment of image size, video opening, font change size, third -party advertising or small components.
The CLS indicator measures the frequency of this situation, and uses a formula for your website to load the life cycle on the pageAll accidental layout changes are scored. The key here is \”accident\”. If the user clicks something, they will expect something to happen, so these changes will not have a negative impact on this score.
A good CLS score is less than 0.1. The difference is more than 0.25.
If you know how to use the code on the website, or have some basic development experience, you can Improve your CLS score by repairing the function of reducing user experience.
How to improve my CLS score Including the size attributes of all images and videos. Or, use things similar to the CSS vertical and horizontal frame to retain space. By doing this, even if the image or video has not been loaded, the browser will leave an appropriate amount of space. Do not build a page that inserts a new content above the user’s location, unless it is directly related to the operation of the visitor on your site.
Detailed understand how to improve your CLS score
The easiest way to understand your website execution based on these new indicators is to use Google PageSpeed \u200b\u200bInsights. This free tool will score your website and provide practical steps that can be used for improvement.
PageSpeed \u200b\u200bInsights, and combine them into one from 0 from 0 from 0 To the total score of 100. It is considered poor below 50, and 50 to 89 means that you need to improve. 90 to 100 is good.
This is a screenshot that shows the appearance of the main score report:
Under your score report, it will provide you with how to improve the score of the score chance. In some cases, these suggestions are very specific. For example, it will recommend that you can install and use a specific plug -in to solve specific problems. It will estimate that you can save time from each improvement. This is a screenshot of the \”Opportunity\” part.
When you click the drop -down arrow on the right side of each project, you will see how to improveAll suggestions for this specific indicator.
Visit PageSpeed \u200b\u200bInsights for your website
- After reaching the Insights page, on the INSIGHTS page, on the INSIGHTS page, on the INSIGHTS page. Enter your URL in the column, wait for it to analyze your website, and then view the results.
- How to verify the change of core web vitals
- Log in to your Google Search Console account and select your website resources.
- Select Core Web Vitals .
Another tool you can use is the Core Web Vitals report, you can access the report from Search Console. Here are the methods to obtain and understand the report.
Once you improve the user experience and speed of the website, you want Google to consider these improvements as soon as possible. To verify the change:
Click
next to the mobile or desktop chart to open the report
.
Select the type of problem that you have repaired . For example, this may be the \”LCP problem\”. Click to verify the
button.
This will start a 28 -day monitoring session on your site. If Google does not see evidence of any problems, they will mark it as \”fixed.\” You can also return the same page to check the verification progress and view the final result.
What should I do if I do not optimize my website for the core web vitals?
The introduction of the core Web Vitals represents the overall change of Google’s attention to user experience. Search engines will continue to pay more and more attention to whether website visitors can easily use your website, find the content they are looking for, and leave with satisfaction. If you don’t keep up with the new standard, you may see your website decline in ranking.
Of course, the decline in ranking also means the decline in website traffic, leading to a decline in sales, advertising income or followers. But because the core Web Vitals also directly affects the user experience, its significance is far more than that.
Whether you are a blogger, a shop owner or a service provider, the experience of the website visitorsYour success is crucial. If your website is loaded quickly and provides an excellent user experience, then they will be more likely to read your posts, buy your products, register your email list, or contact your sales team. If not, then they may leave and find what they are looking for in other places.
Finally, it is worth optimizing your website to obtain core network vitality. What if I don’t want to worry about the improvement of the proposal?
Although Google’s new method allows you to improve website performance indicators more easily, it still needs some work.
Is there no simpler way? What if you have time or technical experience?
The good news is -yes! – There is a simpler way.
It is called jetpack boost
.
If you don’t want to check the website performance statistics every day and manage uninterrupted optimization tasks, but do not want to hire Web development experts, then Jetpack Boost is exactly what you want. The most important thing is that it is free.
Most other tools provide you with many options, which usually requires technical knowledge you do not have. You can choose or cancel all the selected boxes that may be confusing, and it is usually unclear how the enlightenment function will affect your website. Few people know
Why
You may or may not want to change each setting. Press the wrong button or adjust the error settings, you may destroy your website or open it to other risks and threats.
Jetpack Boost was created for those websites who have no time or professional knowledge, but they still want to improve their website performance indicators and provide positive page experiences.
Use Jetpack Boost, you can open it and let it handle everything for you. Run the test to check the execution of your website and turn on the improvement through a switch. More information about Jetpack Boost Similarly, your search engine ranking is directly related to your website with positive experience. Google is using these three core network elements -the biggest content drawing, first input delay, and cumulative layout offset -as one of their website ranking factors. With Jetpack Boost, you can get Google’s high scores and provide a better experience for your visitors. If youIf you have any questions and want to check more details about Jetpack Boost, please start from here.