# Meça o problema visível ao jogador antes de ajustar

> Crie um teste de desempenho repetível para jogos de navegador, separe os sintomas dos quadros das causas e compare as alterações nas cenas correspondentes.

- URL: https://oneshotgems.ai/pt-BR/topics/measuring-game-performance
- Categoria: Para desenvolvedores de jogos
- Tipo: Guia
- Atualizado: 5 de outubro de 2026

Um número de taxa de quadros pode ocultar o motivo pelo qual o jogo parece lento. A entrada pode ser atrasada por uma longa tarefa de thread principal, a renderização pode ser cara ou uma cena pode travar apenas quando novos ativos são decodificados. Uma medição útil começa com um sintoma específico visível ao jogador e uma ação repetível que o produz. Capture uma linha de base, altere uma causa provável e repita a mesma ação em condições comparáveis ​​antes de chamar a mudança de melhoria.

## Crie um pequeno teste de desempenho reproduzível

Escolha uma cena e crie um roteiro através dela: por exemplo, reinicie o nível, mova-se através de uma sequência fixa de obstáculos e, em seguida, acione a área de efeitos lotada. Mantenha o navegador, o tamanho da janela, o estado do ativo e o conteúdo da cena consistentes. Registre intervalos entre as chamadas de retorno do loop de animação e o tempo gasto em funções de atualização e renderização, enquanto usa ferramentas de desenvolvedor de navegador para inspecionar tarefas longas e atividades de renderização.

Compare distribuições ou amostras repetidas em vez de um único quadro de melhor desempenho. Observe se o problema ocorre durante o carregamento inicial, jogo em execução estável ou transição. Uma breve sobreposição de diagnóstico pode mostrar intervalos de quadros recentes enquanto você joga, mas remova ou desative o registro pesado durante as comparações porque o próprio código de medição adiciona trabalho.

## Use o tempo do navegador como evidência, não como um veredicto

performance.now() fornece um carimbo de data/hora de alta resolução para medições locais, e PerformanceObserver pode relatar entradas de desempenho suportadas. Verifique supportedEntryTypes antes de confiar em um tipo de entrada opcional; por exemplo, relatórios de tarefas longas não estão disponíveis em todos os navegadores. Uma tarefa longa detectada aponta para o bloqueio do thread principal, mas não explica qual linha de código ou comportamento do produto o causou.

Após uma alteração, repita o mesmo cenário em mais de um dispositivo representativo, se possível, e verifique manualmente a resposta do controle e a estabilidade visual. Registre um resultado conciso, como cena, navegador, contagem de amostras e sintomas alterados. Evite publicar uma afirmação universal sobre taxa de quadros de uma máquina; o desempenho depende do hardware, do navegador, da tela e do trabalho concorrente.

## Perguntas

**O FPS médio é suficiente para avaliar um jogo?** Não. Uma média pode ocultar travamentos ocasionais que os jogadores percebem. Inspecione a variação do tempo de quadro e associe-a a uma interação específica ou sintoma de atraso de entrada.

**O PerformanceObserver consegue identificar cada lentidão?** Não. Ele relata entradas de desempenho suportadas, e não uma explicação completa do custo de renderização. Use-o junto com o perfilador do navegador e um cenário de jogo reproduzível.

## Siga sua curiosidade

- [Encontre gargalos de renderização no Canvas](https://oneshotgems.ai/pt-BR/topics/canvas-game-performance): Perfille um jogo 2D em Canvas com cenas repetíveis e reduza operações de desenho custosas somente depois de medir onde o tempo está sendo gasto.
- [Rastreie vazamentos de memória em um jogo de navegador](https://oneshotgems.ai/pt-BR/topics/game-memory-leaks): Use verificações repetíveis de reprodução e limpeza para encontrar cenas de jogo, ouvintes, cronômetros e ativos retidos que se acumulam ao longo do tempo.

## Leitura complementar

- [MDN: API de desempenho](https://developer.mozilla.org/en-US/docs/Web/API/Performance_API)
- [MDN: Observador de Desempenho](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver)

---
Página canônica: https://oneshotgems.ai/pt-BR/topics/measuring-game-performance