O que significam LCP, INP e CLS?

São as três Core Web Vitals que o Google usa para descrever a experiência do usuário em uma página. O Largest Contentful Paint (LCP) mede o carregamento: quanto tempo o conteúdo principal leva para aparecer. O Interaction to Next Paint (INP) mede a capacidade de resposta: com que rapidez a página reage quando você clica, toca ou digita. O Cumulative Layout Shift (CLS) mede a estabilidade visual: quanto o layout se desloca de forma inesperada. Bom significa LCP em até 2.5 segundos, INP em até 200 milissegundos e CLS de 0.1 ou menos.

As três métricas em resumo

Esses são os limites da ajuda do relatório Core Web Vitals do Google. Uma página é aprovada quando as três métricas estão boas no percentil 75 das visitas, medidas separadamente para dispositivos móveis e desktop.

LCP: Largest Contentful Paint

O LCP é o tempo desde o momento em que alguém começa a carregar a página até a renderização da maior imagem, do maior vídeo ou do maior bloco de texto na área visível. Os elementos elegíveis incluem elementos <img>, imagens dentro de SVG, o pôster ou o primeiro quadro de um vídeo, imagens de fundo em CSS e texto em nível de bloco. O navegador deixa de procurar novos candidatos assim que o visitante interage. Um LCP lento costuma ser resultado de uma resposta lenta do servidor, de uma imagem principal grande ou descoberta tardiamente, ou de CSS e scripts que bloqueiam a renderização.

INP: Interaction to Next Paint

O INP acompanha os cliques, toques e teclas pressionadas durante uma visita e mede quanto tempo cada um leva até o navegador conseguir pintar o próximo quadro. Passar o mouse, rolar e dar zoom não contam. O valor informado é o da interação mais lenta, ignorando valores atípicos em páginas com muitas interações. O INP substituiu o First Input Delay (FID) como Core Web Vital em março de 2024; o FID considerava apenas a primeira interação, enquanto o INP abrange a visita inteira. Um INP ruim geralmente vem de tarefas longas de JavaScript que mantêm a thread principal ocupada.

CLS: Cumulative Layout Shift

O CLS soma as mudanças inesperadas de layout, como um texto que desce quando uma imagem ou um anúncio carrega acima dele, e informa a maior sequência delas durante a visita. Cada mudança é pontuada pela fração da tela que se moveu e pela distância percorrida. Mudanças ocorridas até 500 milissegundos depois de um clique, toque ou tecla pressionada são excluídas, porque o visitante espera que a página mude nesse momento.

De onde vêm os números?

O relatório Core Web Vitals do Search Console usa dados de campo do Chrome UX Report: visitas reais no Chrome nos últimos 28 dias, agrupadas em conjuntos de páginas semelhantes, com cada grupo avaliado pela sua pior métrica. Ferramentas de laboratório como o Lighthouse carregam a página sem um visitante real, por isso não conseguem medir o INP e usam o Total Blocking Time como substituto, como explica a visão geral das Web Vitals do web.dev. Use as pontuações de laboratório para depurar e os dados de campo como veredito.

As Core Web Vitals afetam o ranqueamento?

O Google recomenda fortemente alcançar boas Core Web Vitals para ter sucesso na Pesquisa e afirma que a experiência na página está alinhada ao que seus principais sistemas de ranqueamento buscam recompensar. Não é um atalho: uma página rápida ainda precisa ser a melhor resposta. Como corrijo pontuações ruins de Core Web Vitals? explica o que mudar em cada métrica.

Como o AutoPSEO ajuda

O relatório Core Web Vitals do AutoPSEO lê o histórico do Chrome UX Report de todo o seu site ou de uma única URL, por celular, desktop ou tablet, e exibe em gráficos o LCP, o INP e o CLS (além do first contentful paint e do time to first byte) no percentil 75, ao longo de cerca de seis meses de dados semanais, para que você veja quando uma métrica começou a piorar.