Teste de Taxa de Refresh do Monitor
Detecte a taxa de refresh real do monitor, teste performance de alta frame rate
O que é Taxa de Refresh do Monitor?
A taxa de atualização da tela indica quantas vezes por segundo o display consegue atualizar a imagem, medida em hertz. Uma tela de 60 Hz pode atualizar até 60 vezes por segundo, enquanto painéis de 120 Hz, 144 Hz ou 240 Hz podem deixar rolagem, animações, desenho e jogos mais suaves quando todo o conjunto do dispositivo suporta isso. O teste ajuda a verificar se o monitor realmente está rodando na frequência esperada ou se configurações do sistema, modo de economia, cabos, adaptadores, drivers gráficos ou uma tela externa estão limitando a saída. Carga do navegador e tarefas em segundo plano podem afetar a leitura.
Como Usar
Como usar
- Selecione o modo de teste: bola saltitante, listras rolantes, teste de piscar ou teste UFO
- Clique no botão 'Iniciar Teste' para começar a detecção
- Observe a suavidade da animação e as mudanças no valor de FPS
- Aguarde alguns segundos para ver o resultado da taxa de atualização estimada
- Recomendamos o teste em tela cheia para dados mais precisos
Dicas de Teste
- Feche outras abas com muitas animações antes de testar; a carga do navegador, o modo de economia de energia e monitores externos podem afetar a suavidade medida.
- Compare o FPS exibido com a configuração do monitor no seu sistema operacional ou painel de controle de gráficos.
Casos de uso
Princípio técnico
A estimativa da taxa de atualização usa requestAnimationFrame(t => ...), o callback do navegador travado ao sinal de sincronização vertical do display. Cada invocação recebe um DOMHighResTimeStamp em milissegundos; subtrair timestamps consecutivos dá o intervalo por frame, e 1000 dividido pela média móvel desses intervalos dá uma taxa estimada em hertz. O estimador coleta alguns poucos centenas de frames para que paradas transitórias sejam suavizadas pela média, depois arredonda o resultado para a taxa de painel comum mais próxima: 60, 75, 90, 120, 144, 165, 240 ou 360 Hz. A medição é limitada pelo elo mais lento da cadeia. Um painel de 144 Hz ainda lê como 60 Hz quando a configuração de display do SO está travada nessa taxa, quando o cabo HDMI 1.4 não suporta a largura de banda (1080p @ 144 Hz precisa de cerca de 7,6 Gbps, além da margem de 8,16 Gbps do HDMI 1.4 após considerar a profundidade de cor), ou quando o driver da GPU aplica um limite de economia de energia. Tecnologias de taxa de atualização variável (AMD FreeSync, NVIDIA G-Sync) permitem que o painel mantenha qualquer taxa dentro de seu intervalo operacional e caiam para Compensação de Taxa de Quadros Baixa quando o conteúdo roda mais devagar que o mínimo. O agendamento do navegador adiciona seu próprio teto. Quando a aba do teste perde foco, tanto o Chromium quanto o Firefox limitam o requestAnimationFrame para aproximadamente 1 Hz sob Page Visibility, e a limitação por intersection-observer pode travar um iframe oculto em cerca de 30 fps mesmo quando a aba está ativa. WebGL e caminhos de composição por software também ocasionalmente perdem frames durante pausas de GC, então uma leitura limpa exige que a aba do teste esteja em primeiro plano, sem vídeo em tela cheia em outra aba, e uma janela de amostra de pelo menos 3 segundos antes de confiar na saída arredondada para a taxa.
- Amostragem: os timestamps de requestAnimationFrame são diferenciados; FPS = 1000 / média(intervalo do frame em ms); o estimador arredonda para os buckets 60/75/90/120/144/165/240/360 Hz.
- Portas de largura de banda: 1080p @ 144 Hz precisa de ≈ 7,6 Gbps, 4K @ 120 Hz precisa de ≈ 25 Gbps; HDMI 2.1 (48 Gbps) ou DisplayPort 1.4 com DSC (32,4 Gbps) é necessário para os níveis mais altos.
- Limitação do SO / driver: o painel pode anunciar 144 Hz enquanto o Windows Display Settings ou NVIDIA Control Panel o fixam em 60 Hz; rAF não pode exceder o que o compositor recebe.
- VRR (FreeSync / G-Sync): a taxa do painel flutua dentro de seu intervalo; abaixo do limiar LFC a GPU duplica frames para que o brilho permaneça consistente.
- Limitação de aba: Page Visibility reduz uma aba em segundo plano para ≈ 1 Hz; iframes ocultos de origem cruzada são limitados para ≈ 30 fps mesmo quando a aba principal está em primeiro plano.
- Janela de amostra: leituras < 500 ms são ruidosas; colete pelo menos 3 segundos com a aba em primeiro plano para uma estimativa estável antes de arredondar para uma taxa padrão.
Exemplos
Monitor de escritório padrão de 60 Hz
Modo: Bola Saltitante
Duração: 5 s
Quadros: 298
FPS atual: 59.6
Taxa estimada: 60 Hz
A maioria dos monitores de desktop e notebook vendidos antes de 2020 tem limite de 60 Hz.Monitor gamer de 144 Hz
Modo: Teste UFO
Duração: 5 s
Quadros: 718
FPS atual: 143.6
Taxa estimada: 144 Hz
Típico para painéis de esports; requer DisplayPort 1.2+ ou HDMI 2.0+ e a taxa do sistema operacional precisa estar configurada para 144 Hz.Throttling em aba em segundo plano
Modo: Barras Rolando
FPS atual: 30.0
Taxa estimada: 30 Hz (limitado)
Quando a aba perde o foco, Chrome e Firefox limitam o requestAnimationFrame para ~30 fps, então mantenha sempre a aba do teste visível.Perguntas frequentes
Como o teste mede a taxa de atualização?
Ele usa requestAnimationFrame() para contar quantos quadros são renderizados por segundo. O navegador dispara esse callback uma vez por atualização da tela, então dividir a contagem de quadros pelo tempo decorrido resulta na taxa de atualização efetiva. O resultado geralmente arredonda para um número limpo (60, 75, 100, 120, 144, 165, 240 Hz).
Por que mostra um número menor do que a especificação do meu monitor?
Causas comuns: o modo de economia de energia está limitando a GPU; o cabo do monitor não suporta a taxa de atualização nominal (HDMI 1.4 limita a 60 Hz em 4 K, você precisa de DP 1.2+ ou HDMI 2.0+ para taxas mais altas); o sistema operacional está configurado a 60 Hz apesar da capacidade do monitor; outra aba está travando a thread principal e derrubando quadros.
Por que mostra um número maior que 60 Hz em um monitor de 60 Hz?
Alguns navegadores podem disparar requestAnimationFrame mais rápido que a atualização real da tela durante os primeiros quadros, especialmente em setups com vários monitores onde o Chrome pode adotar a taxa do monitor de maior atualização. Rode o teste por 10 segundos ou mais para uma leitura estável.
Qual é a diferença entre isso e a taxa de quadros (FPS)?
Taxa de atualização é o máximo de quadros por segundo que o monitor exibe. FPS é quantos sua aplicação está produzindo. Eles são independentes: um jogo rodando a 200 FPS em um monitor de 60 Hz ainda exibe apenas 60 quadros únicos por segundo (com tearing se o VSync estiver desligado).
E quanto a taxa de atualização variável (G-Sync, FreeSync)?
Monitores com VRR mudam a taxa de atualização quadro a quadro para acompanhar a saída da GPU. Esta página mede a taxa média durante a execução; em uma tela com VRR, o resultado refletirá o que o navegador está renderizando no momento, não o máximo do monitor.
Algo é salvo ou enviado?
Não. A medição é totalmente do lado do cliente. Os resultados não são registrados nem transmitidos.
Posso rodar o teste em janela ou apenas em tela cheia?
Sim, mas abas em segundo plano e janelas sem foco são limitadas pelo navegador para economizar bateria, frequentemente a ~1 fps. Rode o teste com a aba em foco, idealmente em tela cheia, para resultados precisos.