Core web vitals – what you need to know about google’s new update

[muskanislam44]

As the largest online search engine in the digital universe, Google is always innovating. Therefore, it constantly seeks new ways to challenge content producers to deliver relevance, quality and authenticity.

In addition to website security, accessibility, responsive navigation and other indicators aimed at increasingly improving the user experience, the algorithm now, through new artificial intelligence created by the Google team, evaluates three more indicators.

Design
Speed
Interactivity
To test these metrics you can use Google Pagespeed Insights, Google Lighthouse or Google Search Console .

In addition to testing, you can monitor new metrics by mapping whatsapp mexico number improving the user experience. In other words, the update that Google made allows those working behind the scenes on websites to effectively measure the usability and navigability of websites to improve the user experience.

It is not a tool, but it is an update that brings relevant information to developers and the team that works behind the scenes in the digital context. Which, by the way, directly impacts all communication and action strategies of the marketing team.

Core Web Vitals – Page for Page
The update announced in 2020 has already come into effect and added the metrics that were already used. The update was made so that, page by page, it would be possible to improve ranking factors and results delivery, organically, for both companies and users.

Discover the 3 new Core Web Vitals metrics
LCP – Largest Contentful Paint
This metric was incorporated to measure the response time that the largest element of a page takes to load. Be it a banner, a block of text, a video, gif, animation or a form. The response/loading time should not exceed 2.5 seconds. Therefore, optimize these contents as well.

The tip here is: know how to prioritize information. Quantity is not quality. Layouts at the top of pages should always be lighter and more objective. And of course, you need to have a good and agile website with rendering blocking.

FID – First Input Delay
The FID metric is used to measure the response time of user interactivity with a page on a website. From the first page.
To be considered responsive, the FID – First Input Delay – should last 100 milliseconds or less. In other words, ultra-fast loading to delight the user, who is increasingly immediatist. In other words, they want real-time interaction, really!
On the web, as in life, first impressions are lasting impressions. Both in terms of design and speed of loading responses.
Design, visual appeal, speed and responsiveness are the perfect combo to delight the user, make them stay, browse other pages and want to come back.
Although it is more difficult to measure how much the design was pleasing, measuring the time and response capacity, interactivity and speed is not!
The FID metric measures the time of user interaction, whether it’s clicking on a link for the first time, using a custom JavaScript control, or clicking on a conversion button. It also measures the time at which the browser is able to start the response process for that interaction.
So the tip is: The lower the FID, the faster the interaction with the page.

CLS – Cumulative Layout Shift
Cumulative Layout Shift is the metric that identifies the stability and performance in loading a web page layout. In other words, CLS measures a sudden and unexpected change in elements, whether text or image, while a page is being rendered.
For example: do you know when you are browsing or reading something online and suddenly the page changes without you having clicked anywhere? That's it! We can even get lost in the reading. Or when you finish reading and click on a button or link to go to another page and... boom! The page "moves", seems to configure itself and you even think you bumped into something. No, it wasn't you. What probably happened in both situations was that the digital resources, which you are not seeing, must be loading asynchronously. In other words, the DOM - Document Object Model¹ elements were dynamically added to the page you are browsing, above the content in question.

These elements can be an image, a video, an ad font, or even a Widget² and have unknown dimensions that resize automatically.
The big issue is that how a website works during the development phase is different from how it works for users. This is especially true for personalized or third-party content. That's why it's important to run tests. Both on mobile and desktop versions, in different browsers that may already have APIs running in the cache.

Ultimately, in these cases, the CLS metric helps to resolve all of these issues. However, it is worth noting that layout changes are positive and many applications frequently change elements and their positions on pages. As long as the layout changes happen as expected or in response to user interactions.

The use of CLS – Cumulative Layout Shift is of paramount importance to measure visual stability. Focused on the user, the metric helps to quantify the frequency with which users experience these unexpected layout changes.

The tip here is: Always keep the CLS below 0.1 and test the metric on pages in mobile and desktop versions.