Skip to main content

Sua Tela Está Entregando Quadros Suaves?

Analise o tempo quadro a quadro para detectar engasgos, micro-travamentos e entrega inconsistente de quadros. Veja seus tempos de quadro do 1% mais baixo e a variância — tudo processado localmente no seu navegador.

Este teste usa timestamps do requestAnimationFrame para medir o tempo entre cada quadro renderizado, calculando tempo médio de quadro, variância, 1% mais baixo, e detectando eventos de engasgo quando o tempo de quadro excede 2x a média.

A 60Hz, cada quadro deve levar exatamente 16.67ms. Um único quadro levando 33ms (um quadro perdido) é perceptível como um micro-engasgo para a maioria dos usuários.

Avg Frame Time—
Stutters—

O Que Seus Resultados Significam?

Result Range Meaning
Bom Variância do tempo de quadro abaixo de 2ms sem eventos de engasgo Seu navegador está entregando quadros de forma consistente. Os tempos de quadro estão agrupados em torno do intervalo alvo, indicando renderização suave sem quadros perdidos.
Atenção Variância do tempo de quadro 2–5ms com engasgos ocasionais Pequenas inconsistências no tempo de quadro detectadas. Processos em segundo plano, extensões do navegador ou throttling térmico da GPU podem causar quedas ocasionais de quadros.
Ruim Variância do tempo de quadro acima de 5ms ou eventos frequentes de engasgo Problemas significativos de frame timing. Isso causa engasgos visíveis. Verifique a carga de CPU/GPU em segundo plano, desative conflitos de aceleração de hardware ou feche abas do navegador que consomem muitos recursos.

Problemas Comuns e Soluções

Engasgos consistentes a cada poucos segundos

Isso geralmente indica pausas de coleta de lixo ou limitação de abas em segundo plano. Feche outras abas do navegador, desative extensões desnecessárias e certifique-se de que a aceleração de hardware esteja ativada nas configurações do navegador.

Tempos de quadro mais altos do que o esperado para minha taxa de atualização

Verifique se o monitor está realmente rodando na taxa de atualização esperada nas configurações de exibição do SO. Alguns monitores ficam em 60Hz por padrão mesmo suportando taxas mais altas. Verifique também se o navegador não está sendo limitado pelo modo de economia de energia.

Ferramentas relacionadas

Teste de Taxa de Atualizacao

Meça a taxa de atualizacao real do seu monitor

Contador de FPS

Meça a taxa de quadros do seu navegador

Teste de Input Lag

Meça o input lag total

Perguntas Frequentes

O que é frame timing e por que importa?

Frame timing mede quanto tempo cada quadro leva para ser renderizado. Mesmo que seu FPS médio seja alto, tempos de quadro inconsistentes causam engasgos visíveis. Um jogo rodando a 60 FPS com quadros uniformes de 16.67ms parece mais suave do que um com média de 60 FPS mas alternando entre quadros de 8ms e 25ms.

O que são tempos de quadro do 1% mais baixo?

O 1% mais baixo representa o pior 1% dos tempos de quadro durante o teste. Revela o quão ruins são seus piores engasgos. Se o tempo médio de quadro é 16.7ms mas o 1% mais baixo é 50ms, você está experimentando picos significativos de engasgo.

Este teste mede a taxa de atualização do meu monitor?

Indiretamente, sim. O callback do requestAnimationFrame do navegador roda na taxa de atualização do seu display. Se seus quadros consistentemente miram 16.67ms, você está a 60Hz. A 6.94ms, está a 144Hz. O teste informa a taxa de atualização detectada.

Algum dado é enviado para um servidor?

Não. Todas as medições de frame timing são capturadas via requestAnimationFrame no seu navegador. Nenhum dado sai do seu dispositivo.