Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de performance
Detalhes do pacotev0.1.1

performance

Pacote de sobreposição de desempenho para aplicativos Flutter que funciona no web.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
728
Curtidas
27
Pontos Pub
160

Instalar pacote

flutter pub add performance

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

O pacote de sobreposição de desempenho para Flutter fornece métricas de desempenho em tempo real, como taxa de quadros, uso de memória e carga da CPU diretamente na interface do aplicativo. Projetado para funcionar sem problemas em todas as plataformas — incluindo web — ajuda os desenvolvedores a identificar e resolver gargalos de desempenho durante o desenvolvimento. A sobreposição é leve e configurável, tornando-a ideal para depurar a responsividade da IU e o consumo de recursos. Integra-se facilmente por meio de um simples comando pub add e suporta múltiplas plataformas-alvo.

Casos de uso

  • Monitoramento de desempenho em tempo real durante o desenvolvimento
  • Identificando quedas de quadros e problemas de renderização
  • Otimizando a responsividade do aplicativo na web
  • Depuração de uso de memória e CPU
  • Testar o desempenho do aplicativo em diferentes dispositivos
  • Validando a suavidade da interface em ambientes semelhantes ao de produção

Principais recursos

  • Taxa de quadros e estatísticas de desempenho em tempo real
  • Suporte multiplataforma, incluindo web
  • Configuração mínima com pub add
  • Aparência de sobreposição configurável
  • Sem sobrecarga em tempo de execução no modo de lançamento
  • Suporta todas as principais plataformas do Flutter

Indicado para

  • Desenvolvedores Flutter diagnosticando atraso na interface
  • Equipes construindo aplicativos Flutter com foco em web
  • Otimização de aplicativos voltada para desempenho
  • Engenheiros de frontend testando responsividade
  • Desenvolvedores de aplicativos móveis e desktop
  • Testadores de QA validando a estabilidade do aplicativo

Considerações

  • O overlay deve ser desativado em builds de produção
  • Pode afet levemente o desempenho durante uso intenso
  • Não destinado à visibilidade do usuário final
  • Requer integração manual no ponto de entrada do aplicativo
  • Opções limitadas de personalização para o layout
  • Melhor usado durante sessões ativas de desenvolvimento

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

performance Pub version demo badge Twitter Follow

Performance overlay for Flutter apps that works on web.

sample

Reading the charts

You can read the charts in the performance overlay like this:

  • Every bar represents a single frame.
  • The height of each bar represents the total time it took to render the frame.
  • The line indicates the target frame time (e.g. 16ms for 60 FPS) and frames that cross that line turn red.
  • The overlay is divided into three charts.
    • UI: the time it takes the UI to build.
    • Raster: the time it takes to rasterize the frame.
    • High latency: the total time between vsync start and raster finish, i.e. the time it takes from an input to seeing the next frame.
  • The "max" value shows how long the worst sample in the displayed range took.
  • The "avg" value represents the average of all samples in the displayed range.
  • The displayed FPS value indicates the best logically possible number of frames that could have been rendered per second. This might not be the actual value, but the actual value is definitely not greater than this. This is computed based on the average.

Limitations

The package is based on the FrameTiming API. Everything documented there applies. This should correspond one to one with the values you see in the framework performance overlay on mobile and on native desktop. So if you like how this looks better, you can also use this package on mobile and native desktop :)

On web, however, it shows somewhat limited data. This is because performance data from the GPU on web is not available in the FrameTiming instances (which would be part of the raster duration on native). What is included in the raster duration on web are only parts of what is done on the GPU thread on native (due to limitations on the web which require running the computations on the UI thread). If you want to access the GPU performance data, you can use Chrome DevTools or chrome://tracing for example.

Repo structure

This repo currently contains the following packages:

Package Contents
performance The actual performance Flutter package for the performance overlay that is also hosted on Pub.

Categorias

Insights de Desempenho e Crashes

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.