Ajuste o tamanho dos ativos mais pesados
Analise imagens, fontes e scripts pelo número de bytes entregues e pela importância no caminho do cliente. Remova ou adie trabalho apenas quando a experiência visível permanecer correta.
Orçamento de entrega / 04
Melhore o caminho,
depois meça novamente.
Guia prático de planejamento de desempenho para identificar o caminho de cliente mais lento, definir um orçamento explícito de entrega e verificar uma melhoria controlada por vez.
USE PARA: Use para priorizar trabalhos de entrega mensuráveis em HTML, imagens, fontes, scripts, cache e interações críticas do usuário sem prometer resultado de pontuação ou posicionamento.
QUATRO ALAVANCAS CONTROLADAS
Reduza o atrito, não a evidência.
Encurte o caminho de solicitações críticas
Identifique solicitações que bloqueiam o render ou dependem da origem e avalie cache, compressão, pré-carregamento ou mudanças de dependência sob condições controladas.
Proteja a resposta ao input
Inspecione tarefas longas e o trabalho do cliente em torno da interação primária. Preserve semântica, acessibilidade, consentimento e comportamento funcional ao reduzir trabalho evitável.
Compare iguais com iguais
Registre a URL, release, dispositivo, rede, estado de cache e fonte da métrica. Uma mudança gera confiança somente quando o mesmo método produz um resultado melhor sem regressão.
MÉTODO / LIMITADO À FONTE
Execute o próximo passo conhecido.
- Escolha um caminho representativo do cliente e registre as evidências atuais de laboratório e campo disponíveis antes de alterar o código.
- Defina um orçamento revisável para tamanho de transferência, solicitações críticas e a métrica centrada no usuário mais relevante para esse caminho.
- Priorize a maior causa controlável, como uma imagem com tamanho excessivo, recurso que bloqueia o render, script evitável ou resposta lenta da origem.
- Faça uma mudança limitada, compare o mesmo caminho e condições, e mantenha ou reverta com base nas evidências observadas.
VERIFIQUE / ANTES DE CONFIAR
Compare resultados antes e depois usando a mesma URL, perfil de dispositivo, condições de rede e pressupostos de cache.
Revise a página real para regressões em layout, interação, acessibilidade, analytics e caminhos críticos do cliente.
Registre o identificador de release, valores observados, condições de teste, decisão e resultado do rollback caso a mudança não seja mantida.
AUTORIDADE / REVISÃO
Notas da fonte, não certeza emprestada.
Base de planejamento: orientações do web.dev sobre performance e Core Web Vitals
- web.dev — Web performance ↗web.dev recomenda medir o desempenho centrado no usuário, entender o Core Web Vitals e aplicar melhorias direcionadas antes de medir novamente.
CONTEXTO / MANTENHA A TRANSIÇÃO CONECTADA
Kit de lançamentoUse o espaço de trabalho de lançamento da SIU como ponto de partida estruturado para planejamento.Status Is DownUse o SID para sinal de serviço em tempo real, registros de serviços monitorados e contexto voltado a incidentes.Prontidão de entrega de imagensInspecione decisões de entrega específicas de imagens quando os elementos visuais forem parte material do orçamento da página.
Autoria: Rascunho editorial de habilitação SIU; orientação de desempenho limitada à fonte. Revisado por: Um responsável por desempenho e o dono do caminho do cliente revisam as evidências e as compensações. Revalidar: Revalide quando a composição da página, infraestrutura de entrega, scripts de terceiros ou condições de medição mudarem.