Gráfico de Frametime

Barras verdes no tempo, barras vermelhas são quadros atrasados.

-- ms-- FPS≈ -- HzMedindo
no tempoquadro atrasado (travada)Quadros atrasados: 0Perdidos: 0

Estatísticas

FPS atual
--
FPS médio
--
Mín. / Máx.
-- / --
1% low
--

Tela

Taxa de atualização (est.)
-- Hz
Intervalo entre quadros
-- ms
Estabilidade
Medindo
Resolução
--

Teste de movimento

3 velocidades
Abrir teste UFO →

Atalhos

  • Espaço pausar
  • R reiniciar estatísticas
  • F tela cheia

Este gráfico de frametime desenha uma barra para cada quadro que o navegador renderiza. A altura da barra é o tempo desde o quadro anterior em milissegundos, com linhas de referência em 16,7 ms (60 fps) e 33,3 ms (30 fps).

Como ler um gráfico de frametime

Retas e baixas

Barras iguais de cerca de 16,7 ms em uma tela de 60 Hz, ou 8,3 ms a 120 Hz, significam ritmo fluido.

Picos vermelhos

Uma barra com mais de 1,5 vez o intervalo normal é marcada como atrasada. Você pode perceber como uma travada.

Padrão dente de serra

Barras que alternam entre duas alturas indicam ritmo irregular, muitas vezes por tarefas em segundo plano.

Frametime x FPS

O FPS é uma média de um segundo. O frametime mostra cada quadro, então revela travadas curtas que um contador de FPS esconde. 60 FPS com um quadro de 50 ms ainda parece uma travada.

Taxa de atualizaçãoTempo por quadroAparelhos típicos
30 Hz33.3 msAlgumas TVs e modos de baixo consumo
60 Hz16.7 msA maioria dos monitores de escritório, notebooks e celulares antigos
90 Hz11.1 msAlguns celulares Android e óculos de realidade virtual
120 Hz8.3 msCelulares modernos, iPad Pro, TVs e consoles
144 Hz6.9 msMonitores gamer
165 Hz6.1 msNotebooks e monitores gamer
240 Hz4.2 msMonitores de esports

Como deixar o ritmo dos quadros mais fluido

Confira a configuração da tela

Windows: Configurações → Sistema → Tela → Configurações de vídeo avançadas. macOS: Ajustes do Sistema → Telas. Escolha a maior taxa de atualização que a sua tela oferece.

Use um modo de energia de alto desempenho

Notebooks e celulares costumam limitar o FPS na bateria. Ligue na tomada ou mude para um perfil de alto desempenho e desative o modo de economia de energia.

Atualize os drivers de vídeo

Instale o driver mais recente da NVIDIA, AMD ou Intel, ou atualize o celular e o navegador.

Ative a aceleração de hardware

No Chrome ou no Edge, ative “Usar aceleração gráfica quando disponível” e reinicie o navegador.

Feche apps e abas pesadas

Apps em segundo plano, chamadas de vídeo e muitas abas disputam a mesma placa de vídeo.

Use o cabo e a porta certos

Taxas de atualização altas precisam de DisplayPort ou de uma versão recente do HDMI, e da porta da placa de vídeo, não da placa-mãe.

Notas sobre a medição

Esta página mede o que o seu navegador realmente desenha, usando requestAnimationFrame. Os navegadores limitam o frame rate à taxa de atualização da tela, então o valor em Hz é uma estimativa da taxa em que a sua tela está funcionando agora, não do máximo que ela suporta. Não é possível medir tempo de resposta (GtG), input lag, screen tearing nem se o painel pula quadros; para isso é preciso hardware especial ou uma câmera.

Perguntas frequentes sobre frametime

Qual é um bom frametime?

Cerca de 1000 dividido pela sua taxa de atualização: 16,7 ms a 60 Hz, 8,3 ms a 120 Hz, 6,9 ms a 144 Hz. A consistência importa mais que o valor exato.

Por que aparecem barras vermelhas quando nada está acontecendo?

Picos curtos podem vir do sistema operacional, de outras abas, da coleta de lixo do navegador ou da economia de energia. Alguns são normais; muitos seguidos, não.

Mais testes de tela e movimento