Back to field notes

Como consegui 100 no Lighthouse

Um registro curto das decisões que reduziram JavaScript, evitaram layout shift e deixaram esta página Next.js mais rápida.

O resultado

Performance não veio de um truque isolado. Veio de manter o caminho crítico pequeno: Server Components por padrão, imagens com dimensões conhecidas e efeitos visuais fora do primeiro paint.

O que mudou

  1. Listas editoriais carregam apenas metadata no servidor.
  2. Conteúdo MDX compila somente na página do artigo.
  3. Vídeo e embeds usam carregamento sob demanda.

O contrato editorial

CampoPapel
titleTítulo da página e do card
descriptionResumo, SEO, RSS e archive
dateOrdenação cronológica
tagsTaxonomia controlada
const firstPaint = 'server';
const clientJavaScript = 'only when interaction exists';

Próxima medição

O próximo passo é comparar páginas com conteúdo real, sem transformar o blog em um índice gigante no navegador.