Análise de tempo auto-calibrada, um gráfico de tempo de quadro ao vivo e um marcador numerado verificável por câmera — clique em Iniciar e deixe descobrir seu intervalo de atualização por conta própria.
RODA INTEIRAMENTE NO SEU NAVEGADOR · NADA É GRAVADO OU ENVIADO A LUGAR NENHUM
Última atualização: · Revisado quanto à precisão com as APIs atuais dos navegadores
Share:
Clique em Iniciar. O primeiro segundo ou dois calibra automaticamente — sem precisar saber sua taxa de atualização de antemão.
Taxa detectada–
Quadros vistos0
Pulos0
Taxa de pulos–
Travamento mais longo–
Jitter–
Tempo de quadro (ms) — reta é saudável, picos são pulos
O primeiro segundo ou pouco mais estabelece automaticamente seu intervalo real de atualização — sem precisar dizer os Hz do seu monitor.
Deixe rodar por pelo menos 15-30 segundos.
Uma execução curta pode facilmente mostrar zero pulos só por sorte; execuções mais longas dão uma imagem mais honesta.
Observe o gráfico ao vivo por picos.
Uma linha reta perto do seu tempo de quadro esperado é saudável; picos altos são pulos sendo capturados no momento em que acontecem.
Feche outras abas e programas pesados se os pulos forem frequentes.
Este teste só consegue ver atrasos do lado do navegador — um sistema ocupado é uma causa comum e corrigível.
Use uma câmera para confirmação no nível do painel.
Se este teste parecer limpo mas o movimento ainda parecer estranho, uma foto com obturador lento do marcador confere a própria entrega da tela, o que este teste não consegue ver.
Como este teste funciona de verdade
Toda chamada a requestAnimationFrame devolve um timestamp, e este teste mede o intervalo entre timestamps consecutivos, em vez de supor um número fixo. Nas primeiras duas dezenas de quadros, ele coleta esses intervalos e tira a mediana para estabelecer seu intervalo real de atualização — cerca de 16,7ms em uma tela de 60Hz, 6,9ms em 144Hz, e assim por diante — o que é o motivo de funcionar do mesmo jeito independente de para que Hz seu monitor é classificado, sem você precisar informar nada.
Depois dessa janela de calibração, qualquer intervalo que chegue visivelmente mais longo que o esperado — mais de 1,5 vez — é registrado como um pulo, e o número de quadros pulados é calculado a partir de quanto mais longo esse intervalo estava do esperado. O marcador numerado acima avança um número a cada quadro que o navegador realmente renderiza, o que é o que o torna significativo de fotografar: um pulo real aparece como um número repetido ou faltando, não só um número na tela.
O que este teste não consegue ver
Vale ser direto sobre isso, em vez de deixar a ferramenta se vender além do que faz. Um pulo de quadro contado aqui significa que o próprio navegador falhou em entregar um novo quadro à tela no tempo certo — geralmente porque a thread principal estava ocupada com outra coisa e perdeu sua janela. Essa é uma causa real e comum de engasgo visível, e é exatamente o tipo de queda que este teste foi feito para capturar.
O que ele não consegue ver é o pulo de quadro que acontece mais abaixo no pipeline, dentro do próprio monitor. O scaler de um painel pode repetir em silêncio um quadro que o navegador entregou perfeitamente correto e a tempo — do ponto de vista do navegador, nada deu errado, mas a tela ainda engasga. Nenhuma quantidade de JavaScript rodando em uma aba de navegador consegue observar isso, porque no momento em que um pulo desse tipo acontece, o navegador já terminou seu trabalho.
Confirmando pulos no nível do painel com uma câmera
O jeito prático de conferir o que seu monitor está realmente fazendo, independente do que este teste informa, é uma foto com obturador lento. Ajuste a velocidade do obturador da câmera do celular mais lenta que um intervalo de atualização — para uma tela de 60Hz, mais lenta que cerca de 1/60 de segundo — e fotografe o marcador numerado enquanto o teste roda.
Números distintos e igualmente espaçados no traço resultante significam que o painel está apresentando quadros em um ritmo consistente. Um espaço onde deveria haver um número, ou o mesmo número aparecendo duas vezes, apunta para o próprio painel pulando ou repetindo um quadro — um problema no nível de hardware que este contador do lado do navegador não tem como capturar por conta própria.
O que causa o pulo de quadros
Do lado do navegador: uma CPU ocupada com outra coisa, abas ou programas em segundo plano competindo por recursos, uma pausa de garbage collection travando a thread principal por um momento, ou uma GPU ficando atrás na composição — um driver de vídeo desatualizado torna isso mais provável, então vale confirmar que você está na versão mais recente da NVIDIA, AMD ou Intel. Qualquer um desses pode fazer o navegador perder sua janela para entregar um novo quadro, o que este teste vai capturar corretamente.
Do lado da tela: um cabo ou porta que não suporta totalmente sua resolução e taxa de atualização escolhidas juntas (um exemplo comum é 4K a 120Hz por uma porta que só lida com 4K a 60Hz, o que pode voltar em silêncio ou pular), uma taxa de atualização empurrada além do que o painel consegue sustentar de forma confiável, ou processamento agressivo de imagem como suavização de movimento interferindo no tempo dos quadros. Esses tipos precisam do método da câmera acima para confirmar corretamente.
Este teste vs. o Teste de Taxa de Atualização
Esses dois respondem perguntas diferentes e funcionam bem juntos. O Teste de Taxa de Atualização diz a que taxa sua tela está funcionando agora — está realmente fazendo 144Hz, ou caiu em silêncio para 60? Este teste assume que a taxa que detecta está correta e em vez disso pergunta se cada quadro naquela taxa está realmente chegando no tempo certo, ou se alguns estão sendo pulados ou repetidos pelo caminho. Uma tela pode passar em um desses testes e falhar no outro.
Perguntas frequentes
Qual a diferença entre este teste e o Teste de Taxa de Atualização?
O Teste de Taxa de Atualização diz a que taxa sua tela está funcionando. Este teste confere se cada quadro naquela taxa está realmente sendo entregue no tempo certo, ou se alguns estão sendo pulados ou repetidos.
Este teste consegue detectar pulo de quadro acontecendo no próprio monitor?
Não. Este teste só vê o que acontece do lado do navegador no pipeline. O scaler de um monitor pode repetir em silêncio um quadro que foi entregue corretamente, e nenhum teste baseado em navegador consegue ver isso — uma foto de longa exposição baseada em câmera do marcador em movimento é o jeito prático de conferir.
Por que diz "calibrando" quando eu começo o teste?
O teste mede as primeiras duas dezenas de quadros e calcula seu intervalo real de atualização a partir disso, em vez de perguntar a que taxa sua tela funciona — o que é o que faz funcionar do mesmo jeito em 60Hz, 144Hz ou 240Hz sem nenhuma configuração.
O que geralmente causa o pulo de quadros?
Do lado do navegador: uma CPU ocupada, programas em segundo plano, pausas de garbage collection, ou uma GPU ficando atrás. Do lado da tela: limitação de cabo ou porta, uma taxa de atualização overclockada, ou processamento agressivo de imagem.
Algum pulo é normal?
Um pulo único ocasional durante uma execução longa geralmente não vale a pena se preocupar. Pulos frequentes e repetidos são o sinal mais significativo para agir.
Esta ferramenta grava ou envia alguma coisa?
Não. Toda a análise de tempo acontece localmente no seu navegador usando seu próprio relógio de animação — nada é capturado, gravado ou enviado a lugar nenhum.
Mais ferramentas no ProDeviceTest
Entrega de quadros é só uma parte da qualidade geral de movimento. Estas cobrem o resto.
ProDeviceTest