Performance estatica na edge

Performance nao e um ajuste no fim do projeto. Neste blog, ela define a arquitetura: Astro gera HTML estatico, CSS fica leve e JavaScript so entra onde a pagina realmente precisa.

HTML primeiro

Um artigo comum nao precisa carregar uma aplicacao no navegador. O conteudo ja sai renderizado no build, com links, sumario, code blocks e metadados prontos.

Isso melhora tempo de resposta percebido, reduz falhas no cliente e facilita indexacao. O navegador recebe documento, estilo e assets, nao uma dependencia inteira de runtime.

JavaScript isolado

O projeto permite JavaScript em pontos pequenos:

• alternancia de tema;
• filtros na pagina de tags;
• comentarios lazy;
• demos futuras apenas quando declaradas no post.

Essa fronteira evita que uma feature opcional vire custo global para todos os artigos.

Midia sob controle

Imagens vivem perto do conteudo e passam por validacao. Em producao, podem ser servidas com transformacoes da Cloudflare para entregar tamanhos adequados.

O objetivo e simples: manter o visual editorial sem deixar cada imagem decidir sozinha o peso da pagina.

Edge como consequencia

Quando o site e estatico, a edge trabalha melhor. Cloudflare Pages pode servir o HTML gerado, as imagens otimizadas e os arquivos de RSS/sitemap sem depender de um servidor de aplicacao para cada leitura.