Contador de FPS
Use este contador de FPS para medir a fluidez com que o seu navegador está desenhando a página atual. Ele amostra os quadros com requestAnimationFrame, informa o FPS atual, médio, mínimo e máximo e pode desenhar um gráfico rápido para você identificar quedas causadas por abas pesadas, animações, extensões, throttling ou configurações de tela.
Como medir o FPS do navegador
-
1
Escolha a duração da amostra
Cinco segundos é um bom padrão. Use uma amostra mais longa quando quiser flagrar engasgos periódicos ou variações de carga em segundo plano.
-
2
Defina a suavização e o limite de alerta
A janela de suavização calcula a média dos quadros recentes, enquanto o limite marca o nível de FPS que você considera aceitável no aparelho testado.
-
3
Rode o contador e observe a variação
O FPS atual mostra a velocidade de renderização recente. Os valores médio, mínimo e máximo revelam se a sessão foi fluida o tempo todo ou se houve quedas visíveis.
O que o contador de FPS mede
Esta ferramenta mede a cadência de renderização do navegador, não o desempenho da placa de vídeo em um benchmark. Sempre que o navegador está pronto para desenhar outro quadro, o requestAnimationFrame chama o amostrador. O tempo entre dois callbacks resulta em uma taxa de quadros instantânea:
FPS = 1000 / frame_time_in_ms
O FPS atual exibido é uma média móvel calculada sobre a janela de suavização. Uma janela de 60 quadros funciona bem em telas comuns de 60 Hz, porque acalma picos de um único quadro sem esconder quedas prolongadas. Janelas menores reagem mais rápido; janelas maiores parecem mais estáveis.
Exemplo prático
Suponha que uma amostra de cinco segundos registre estes intervalos de quadro simplificados:
| Intervalo entre quadros | FPS instantâneo | O que indica |
|---|---|---|
| 16,7 ms | 59,9 FPS | Renderização típica em 60 Hz |
| 8,3 ms | 120,5 FPS | Renderização típica em 120 Hz |
| 25,0 ms | 40,0 FPS | Lentidão visível em muitas telas |
| 33,3 ms | 30,0 FPS | Carga pesada ou throttling |
Se o seu limite de alerta for 50 FPS e a média móvel medida terminar em 47 FPS, o resultado fica abaixo da meta, mesmo que alguns quadros tenham sido mais rápidos. Se ela terminar perto de 60 FPS com quedas ocasionais para 45 FPS, a média está saudável, mas o mínimo avisa que houve engasgos que merecem investigação.
Como interpretar os resultados
| Padrão do resultado | Significado provável | Próxima verificação |
|---|---|---|
| Média próxima da taxa de atualização, quedas raras | A renderização está saudável | Compare com outro navegador apenas se necessário |
| Média boa, mínimo bem mais baixo | Engasgos periódicos | Feche abas pesadas ou inspecione as animações |
| Média abaixo do limite | Carga de renderização constante | Verifique o uso de CPU, as extensões e os scripts da página |
| FPS travado perto de 30 | Economia de energia ou throttling | Verifique o modo de bateria e as configurações de tela |
O FPS do navegador é influenciado pela taxa de atualização da tela, pelo compositor do sistema operacional, pelo modo de bateria, pelo throttling térmico, pelas abas ativas e pela própria página. Faça o teste primeiro em uma aba tranquila e depois repita com a página ou o aplicativo que você está diagnosticando em atividade.
Perguntas frequentes
Não. Este contador mede com que frequência o navegador recebe os callbacks de requestAnimationFrame. Ele é útil para checar animações web e a fluidez da página, mas não é um benchmark completo de GPU para jogos nativos.
A maioria dos navegadores alinha os quadros de animação à taxa de atualização da tela. Um monitor de 60 Hz costuma registrar cerca de 60 FPS, enquanto telas de 120 Hz ou 144 Hz podem registrar valores maiores quando o navegador e o sistema operacional permitem.
Use 50 FPS para uma checagem normal de fluidez em 60 Hz. Em monitores de alta taxa de atualização, ajuste o limite conforme a experiência esperada, por exemplo 90 FPS ou 120 FPS.
Não. A medição roda no seu navegador usando as APIs locais de temporização. A ferramenta não envia dados de quadros, capturas de tela ou detalhes do aparelho para nenhuma API externa.
Ferramentas relacionadas
Referência da Tabela ASCII
Tabela ASCII completa de 0 a 127 com valores decimais, hexadecimais, octais e binários e notação de referência numérica HTML, incluindo NUL, LF e DEL.
Referência de Caracteres HTML
Lista pesquisável de entidades HTML, seus códigos nomeados e numéricos, e uma cópia com um clique para caracteres e símbolos especiais.
Referência de atalhos de teclado
Pesquise atalhos padrão documentados do VS Code, Chrome e Bash com GNU Readline no macOS, Windows e Linux.
Conversor de Tamanho de Arquivo
Converta entre bytes, KB, MB, GB, TB e as unidades binárias IEC (KiB, MiB, GiB, TiB), combinando decimal e binário como preferir.
Gerador de EditorConfig
Gere um arquivo .editorconfig com suas regras de estilo e tamanho de indentação, fim de linha, charset e espaços em branco para formatação consistente entre IDEs e editores.
Validador de Email
Valide um endereço de email: verificação de sintaxe RFC 5322, consulta de registro MX em tempo real, além de detalhes de parte local, domínio e comprimento. Nenhum email é enviado.
Ferramenta disponível em outros idiomas
- Bộ đếm FPS [VI]
- FPS-räknare [SV]
- FPS-Zähler [DE]
- Contador de FPS [ES]
- ตัวนับ FPS [TH]
- عدّاد FPS [AR]
- FPS 카운터 [KO]
- Compteur de FPS [FR]
- Penghitung FPS [ID]
- FPS-teller [NL]
- Licznik FPS [PL]
- FPS カウンター [JA]
- FPS Counter [EN]
- Contatore FPS [IT]
- Счетчик FPS [RU]
- FPS Sayacı [TR]
- FPS 计数器 [ZH]