O Google utiliza os Core Web Vitals como critérios de classificação desde 2021. Esses indicadores medem a experiência real de carregamento, interatividade e estabilidade visual das páginas na internet. Entender cada um deles é o primeiro passo para obter melhores posições nas buscas e oferecer uma experiência satisfatória aos visitantes.
LCP (Largest Contentful Paint)
Mede a velocidade de carregamento percebida pelo usuário. Indica o tempo necessário para que o maior elemento de conteúdo visível na tela (como uma grande imagem ou bloco de texto principal) seja renderizado completamente. O ideal é que o LCP ocorra em até 2,5 segundos.
FID (First Input Delay) / INP (Interaction to Next Paint)
Mede a interatividade e a capacidade de resposta do site. Quantifica o atraso na resposta quando o usuário realiza a primeira interação com a página (como clicar em um botão ou link). Uma boa métrica é menor que 100 milissegundos.
CLS (Cumulative Layout Shift)
Mede a estabilidade visual da página. Avalia se elementos se movem na tela durante o carregamento de forma inesperada. Elementos flutuantes, anúncios ou fontes que mudam de tamanho podem causar layout shifts irritantes. O ideal é manter um índice menor que 0.1.
Como Otimizar
Para otimizar seu site e atingir os melhores resultados, evite usar frameworks CSS pesados que carregam código não utilizado (como Bootstrap ou Tailwind, se não purgados). Utilize formatos de imagem modernos como WebP ou AVIF, defina dimensões de largura e altura explícitas nas tags de imagem e utilize fontes locais carregadas via WOFF2.
