Otimização de Performance Web em Sites Estáticos
A performance web deixou de ser um diferencial técnico e se tornou um pilar de experiência do usuário e SEO. Sites estáticos, quando bem configurados, entregam métricas que frameworks server-side raramente alcançam sem investimento pesado em infraestrutura.
Por que medir TTFB, LCP e FCP
Essas três métricas representam momentos distintos da percepção de velocidade pelo usuário:
- TTFB (Time to First Byte): mede a latência do servidor e da rede.
- FCP (First Contentful Paint): indica quando o primeiro conteúdo visível aparece.
- LCP (Largest Contentful Paint): marca o instante em que o elemento principal da página é renderizado.
Técnicas aplicadas neste projeto
Para tornar o benchmark justo, todas as versões compartilham as mesmas estratégias de base:
- HTML pré-renderizado em build time, sem hidratação no cliente.
- CSS mínimo extraído via Tailwind, com purge agressivo.
- Zero JavaScript de runtime, exceto o que for injetado pelo gerador por padrão.
- Fontes do sistema para eliminar requisições externas.
Cache e CDN
Um site estático bem entregue por CDN responde em poucos milissegundos em qualquer região, desde que a cadeia de cache esteja corretamente configurada.
A camada de CDN é tão determinante quanto o código fonte. Mesmo o HTML mais otimizado perde sua vantagem se entregue a partir de uma origem distante do usuário final.
Conclusão
Benchmarks controlados revelam não o “melhor” gerador em absoluto, mas aquele que melhor se adapta ao perfil de conteúdo, volume de páginas e fluxo de publicação do time. O teste em andamento neste blog busca justamente essa resposta contextual.