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 sobre medir o desempenho do jogo no navegador
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.
Leitura complementar
Viu alguma informação desatualizada? Informar uma correção