ToolActToolAct

Teste de Taxa de Refresh do Monitor

Detecte a taxa de refresh real do monitor, teste performance de alta frame rate

0 fps
FPS Atual
-- Hz
Taxa de Refresh Estimada
0 frames
Contagem de Frames
0 segundos
Duração do Teste
Modos de Teste
0fps
Parado
FPS FPS Atual

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

  1. Selecione o modo de teste: bola saltitante, listras rolantes, teste de piscar ou teste UFO
  2. Clique no botão 'Iniciar Teste' para começar a detecção
  3. Observe a suavidade da animação e as mudanças no valor de FPS
  4. Aguarde alguns segundos para ver o resultado da taxa de atualização estimada
  5. 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

Estimar a taxa de atualização do display a partir dos frames de animaçãoInicie o teste para coletar timestamps do requestAnimationFrame, calcular o FPS atual e estimar a taxa de atualização comum mais próxima, como 60, 75, 120, 144, 165, 240 ou 360 Hz. A contagem de frames e o tempo decorrido ajudam a julgar se a amostra rodou tempo suficiente, já que uma janela de 3 segundos oferece uma estimativa muito mais limpa que os primeiros 500 ms após o carregamento da página.
Usar múltiplos padrões de movimento para identificar stutterAlterne entre bola saltitante, barras rolantes, frames piscando e movimento estilo UFO enquanto o teste roda. Padrões diferentes tornam tearing, judder, clareza de movimento e strobing de backlight (dimming PWM em OLED) visíveis de formas que um único número de FPS não consegue, o que é útil para escolher entre painéis de 144 Hz e 165 Hz que parecem idênticos.
Monitorar a estabilidade dos frames ao longo do tempoA ferramenta mantém um histórico contínuo de FPS e o desenha em um gráfico de canvas com uma linha de referência de 60 Hz. Isso é útil ao comparar monitores, abas do navegador, modos de energia, displays externos ou desempenho de animação sob carga; mantenha a aba do teste visível porque a limitação em segundo plano pode reduzir a leitura de 120 Hz para um teto de 30 fps quando a aba perde foco.
Detectar frames perdidos em displays de taxa variávelObserve o gráfico de histórico de FPS enquanto a bola saltitante está em execução: um display FreeSync ou G-Sync deve manter uma linha horizontal estável dentro do intervalo LFC, enquanto frames perdidos aparecem como quedas abaixo dela. Se a linha ficar travando em 60 Hz, o painel pode ter revertido para um modo fixo após um evento de hot-plug, um gargalo de cabo HDMI 1.4 ou uma substituição do driver.
Verificar a cadeia de cabo, adaptador e configuração do SOSe a taxa estimada permanecer abaixo das especificações do painel, verifique se o cabo HDMI 2.1, DisplayPort 1.4 ou USB-C Alt-Mode é compatível com a largura de banda desejada, se a configuração de display do SO não está travada em uma taxa de atualização inferior e se o modo de economia de energia está desativado. A limitação do navegador em abas em segundo plano também pode restringir o resultado abaixo da taxa real do painel, mesmo quando o GPU informa o contrário.

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.