# Core Web Vitals

{% hint style="warning" %} <mark style="color:orange;">**Atenção!**</mark> O Core Web Vitals é uma seção nova que estamos adicionando a essa documentação. Ela ainda está sendo criada, e seu conteúdo sofrerá alteração nos próximos dias.
{% endhint %}

A otimização da qualidade da experiência do usuário é a chave para o sucesso no longo prazo de qualquer site na web.

As Web Vitals são uma iniciativa do Google para fornecer orientação unificada em relação a sinais de qualidade essenciais que visam proporcionar uma ótima experiência ao usuário na web.

As Core Web Vitals são o subconjunto de Web Vitals que se aplica a todas as páginas da web, que devem ser medidas e são revisadas por todas as ferramentas do Google.

Cada uma das Core Web Vitals representa uma faceta distinta da experiência do usuário, é mensurável em campo e reflete a experiência de mundo real de um resultado crítico centrado no usuário.&#x20;

As métricas que constituem as Core Web Vitals irão evoluir com o tempo. O conjunto atual se concentra em três aspectos da experiência do usuário: *carregamento*, *interatividade* e *estabilidade visual* e inclui as seguintes métricas (e seus respectivos limites):

* **Largest Contentful Paint (LCP)**, ou Maior renderização de conteúdo, mede o desempenho do *carregamento.* Para fornecer uma boa experiência ao usuário, o LCP deve ocorrer dentro de **2,5 segundos** após o início do carregamento da página.<br>
* **First Input Delay (FID)**, ou Atraso da primeira entrada, mede a *interatividade* . Para fornecer uma boa experiência do usuário, as páginas devem ter um FID de **100 milissegundos** ou menos.<br>
* **Cumulative Layout Shift (CLS)**, ou Mudança cumulativa de layout: mede *a estabilidade visual* . Para fornecer uma boa experiência do usuário, as páginas devem manter um CLS de **0.1.** ou menos.

Para saber mais sobre o Core Web Vitals [clique aqui](https://web.dev/i18n/pt/vitals/).

Veremos as recomendações sobre web vitals divididas em:

* Desempenho
* Acessibilidade
* Boas Práticas
* Otimização de busca (SEO)
* Progressive Web App (PWA)