Performance

A performance web não é uma métrica técnica — é um sinal de qualidade do produto. Uma página lenta comunica algo ao utilizador antes de uma única palavra ser lida. A velocidade é a primeira impressão.

O que a Performance Realmente Mede

Os Core Web Vitals dão estrutura ao que significa "rápido": Largest Contentful Paint (quão rapidamente a página se torna legível), Cumulative Layout Shift (quão estável é o layout durante o carregamento) e Interaction to Next Paint (quão responsiva parece a interface durante a interação). Cada um corresponde a uma experiência do utilizador, não a um número.

As Causas Comuns de Lentidão

A maioria dos problemas de performance enquadra-se em poucas categorias: recursos sobredimensionados (imagens que nunca foram comprimidas, fontes que carregam tudo), demasiado JavaScript (código que executa antes de qualquer coisa ser renderizada) e estratégias de carregamento deficientes (buscar coisas em sequência que poderiam ser paralelas).

"Os problemas de performance raramente são misteriosos. São geralmente o resultado de otimização omitida durante o desenvolvimento."

Otimização de Imagens

As imagens são a maior fonte de bytes desnecessários na maioria dos websites. Servir o tamanho certo para o dispositivo, usar formatos modernos como WebP e AVIF, e fazer lazy-loading de imagens abaixo da dobra em conjunto podem reduzir o peso da página em 60–80% sem perda visível de qualidade.

Orçamento de JavaScript

Cada kilobyte de JavaScript tem um custo além do download: análise, compilação e execução. Um orçamento de bundle rigoroso — definido por rota, não globalmente — força as conversas certas sobre o que pertence ao caminho crítico e o que pode carregar mais tarde.

Conclusão

O trabalho de performance tem um retorno claro do investimento. Páginas mais rápidas convertem melhor, posicionam melhor e custam menos. É um dos poucos investimentos técnicos que paga diretamente ao negócio.