Frame pacing é a regularidade dos intervalos entre quadros. Quando esses intervalos variam, o movimento pode apresentar engasgos, mesmo com uma média alta de FPS. Movimento irregular, desfoque e ghosting podem parecer semelhantes à primeira vista. O marcador pode dar saltos, seguir de modo regular e parecer borrado, ou deixar um contorno claro ou escuro. Comece identificando qual desses comportamentos você consegue observar.
Procure pausas no gráfico de intervalos
Imagine duas amostras explicativas de um segundo, cada uma com 60 intervalos. Na primeira, todos duram cerca de 16,67 ms. Na segunda, um intervalo dura 50 ms e os outros 59 ficam perto de 16,10 ms. A média das duas fica em aproximadamente 60 chamadas por segundo, mas a segunda inclui uma espera bem maior.
Por isso, o teste de FPS mostra um gráfico de intervalos. Observe o ritmo geral e depois procure valores altos isolados ou padrões que se repetem. Para uma investigação mais detalhada do trabalho do navegador, a documentação de desempenho do Chrome apresenta ferramentas próprias de análise.
Como ler as estatísticas de intervalos
- Intervalo mediano: o valor central da lista de intervalos em ordem. Quando há dois valores centrais, usamos a média deles. Ajuda a descrever um intervalo típico, mas não substitui o gráfico.
- Percentil 95: o intervalo na posição que cobre pelo menos 95% da amostra ordenada, pela regra do posto mais próximo. Um valor maior indica intervalos mais longos nessa parte da amostra.
- Maior intervalo: a maior distância de tempo entre chamadas observada na rodada.
- Picos: intervalos maiores que 1,5 vez a mediana daquela rodada. Esse limite destaca intervalos longos em relação à própria amostra.
O gráfico apresenta os intervalos registrados, sem suavização. Um pico isolado precisa de contexto: uma tarefa em segundo plano, uma mudança na janela ou uma interação pode ter acontecido naquele momento. Anote esses eventos ao comparar as rodadas.
Compare desfoque e rastros no padrão em movimento
Uma sombra escura atrás do objeto ou um halo claro ao redor dele pode aparecer mesmo com intervalos regulares no navegador. Use um padrão visual junto do gráfico de intervalos para comparar o rastro em si.
Abra a comparação de movimento e mantenha uma velocidade fixa. Siga o marcador e compare as bordas em fundos claros e escuros. Se o monitor tiver opções de overdrive ou tempo de resposta, altere uma por vez sem mudar o modo de atualização. Um ajuste pode reduzir um rastro e criar um contorno mais perceptível.
Faça a próxima rodada responder a uma dúvida
- Comece com uma amostra sem carga extra nesta página.
- Repita nas mesmas condições para saber se um padrão inesperado volta a aparecer.
- Para investigar os intervalos, altere uma condição de carga. Para observar rastros, mantenha a carga e compare o padrão visual.
- Guarde o resultado e anote a mudança. Evite combinar vários ajustes sem saber qual deles fez diferença.
Entenda por que intervalo, resposta dos pixels e atraso de entrada são medidas distintas. Se o ritmo básico estiver abaixo do modo escolhido no sistema, comece pela configuração da tela.
A renderização dos jogos acrescenta outras condições à comparação. Veja como separar rastros do jogo e da tela.