Performance Web
Performance web é a velocidade e a capacidade de resposta de um site. É medida por indicadores como LCP (velocidade de carregamento), FID (interatividade) e CLS (estabilidade visual), que compõem os Core Web Vitals do Google.
Performance web é o conjunto de métricas que medem quão rápido e estável um site é para quem acessa. Um site com boa performance carrega rápido, responde imediatamente às interações do usuário e não tem elementos que se movem inesperadamente na tela enquanto carrega.
O Google formalizou as principais métricas de performance nos Core Web Vitals, que são usados como fator de ranqueamento desde 2021. Sites com boa performance têm vantagem no ranqueamento orgânico em relação a sites lentos.
As métricas principais
LCP (Largest Contentful Paint) mede quanto tempo leva para o maior elemento visível da página aparecer. FID (First Input Delay) mede quanto tempo demora para a página responder ao primeiro clique do usuário. CLS (Cumulative Layout Shift) mede quanto o layout da página se move enquanto carrega. Juntos, eles formam os Core Web Vitals.
Como funciona na prática
- O navegador inicia o carregamento da página ao receber o HTML do servidor
- O HTML é parseado e dispara o carregamento de CSS, JavaScript e imagens
- O browser renderiza os elementos visíveis progressivamente à medida que os recursos chegam
- O usuário pode interagir com a página antes do carregamento completo, mas algumas partes podem ainda estar bloqueadas
- Ferramentas como PageSpeed Insights medem cada etapa e identificam gargalos
Exemplo Prático
Um e-commerce tem um banner de hero com uma imagem de 3MB. O LCP desse site é alto porque o maior elemento visível demora para carregar. Comprimindo a imagem para 200KB, o LCP cai e o site melhora tanto na experiência do usuário quanto no ranqueamento.
Por que isso é importante?
Performance impacta diretamente conversão. Estudos mostram que cada segundo adicional de carregamento reduz a taxa de conversão em até 7%. Para e-commerces, isso representa perda de receita mensurável.
Perguntas Frequentes (FAQ) sobre Performance Web
Performance web e Core Web Vitals são a mesma coisa?
Core Web Vitals são um subconjunto das métricas de performance web, especificamente as que o Google usa como fator de ranqueamento. Performance web é um conceito mais amplo que inclui tempo de resposta do servidor, tamanho dos recursos e outras métricas além das três principais.
Como medir a performance do meu site?
Google PageSpeed Insights é o ponto de partida: analisa sua URL e retorna as métricas de Core Web Vitals com sugestões específicas de melhoria. Lighthouse, disponível no DevTools do Chrome, faz análise local. WebPageTest oferece análise mais detalhada com waterfall de recursos.