Checklist para chegar perto da nota 100 no PageSpeed

O PageSpeed Insights virou o termômetro de performance de muitos sites. A nota de laboratório não é tudo — o que conta para o Google são os dados de usuários reais —, mas chegar perto de 100 é um bom sinal de que o básico está feito.

Conteúdo e carregamento

• HTML com o conteúdo principal, sem depender de JavaScript (SPA e SEO: por que o Google e as IAs não leem o seu site React).
• Imagem principal com prioridade alta e sem lazy loading (LCP alto por causa da imagem principal? 6 ajustes que resolvem na maioria dos sites).
• Imagens em AVIF/WebP, no tamanho certo, com dimensões declaradas (AVIF, WebP e srcset: o guia rápido para imagens leves e nítidas).
• Fontes auto-hospedadas, WOFF2, com font-display: swap (Fontes web sem travar a página: font-display, subset e auto-hospedagem).

JavaScript

• Código dividido por rota (Code splitting por rota no React: carregue só o que a página precisa).
• Bibliotecas pesadas carregadas sob demanda (Bundle JavaScript pesado: como descobrir quem está engordando o seu site).
• Scripts de terceiros adiados.
• Nenhuma tarefa longa bloqueando a interação (INP: o que fazer quando cliques e toques demoram para responder).

Estabilidade visual

• Espaço reservado para imagens, embeds e conteúdo dinâmico (CLS: por que o seu site "pula" enquanto carrega e como parar com isso).

Entrega

• Cache longo para arquivos versionados e CDN (Cache HTTP e CDN: o site rápido que você já paga e não usa).
• Compressão (Brotli ou Gzip).
• HTTP/2 ou HTTP/3.

SEO e acessibilidade (que também entram na nota)

• Título e descrição por página.
• Contraste e textos alternativos (Contraste de cores e WCAG: como checar em cinco minutos).

Os portais da RDVS Imports e do Grupo New Motors chegaram a 100. Veja Performance WPO ou fale com a gente.