Calculadora de orçamento de desempenho na Web
Acompanhe o orçamento de desempenho de sua página da web em HTML, CSS, JS, imagens e fontes.
Como usar a calculadora de orçamento de desempenho
- Insira seu orçamento total de desempenho em KB.
- Insira tamanhos para HTML, CSS, JS, imagens e fontes.
- Clique em Calcular para ver o uso, o orçamento restante e o tempo de carregamento 3G.
Casos de Uso
- •Aplicando orçamentos de desempenho em pipelines de CI/CD.
- •Auditoria do peso da página antes dos lançamentos.
- •Comparando o desempenho móvel entre versões de páginas.
- •Definição de diretrizes de tamanho de ativos para equipes de desenvolvimento.
Fórmula
Total = HTML + CSS + JS + imagens + fontes.
Perguntas Frequentes
O que é um orçamento de desempenho?
Um orçamento de desempenho define tamanhos máximos ou limites de tempo para ativos da web para garantir tempos de carregamento rápidos.
Qual tamanho total de página é bom?
Menos de 200 KB é excelente.
Como faço para reduzir o tamanho do pacote JS?
Use trepidação de árvore, divisão de código, carregamento lento e evite grandes dependências.