# 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://partners.tray.com.br/themes/construindo-seu-template/core-web-vitals.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.