Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von performance
Paketdetailsv0.1.1

performance

Leistungsüberlagerungspaket für Flutter-Anwendungen, das auf Web funktioniert.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
728
Likes
27
Pub-Punkte
160

Paket installieren

flutter pub add performance

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Das Performance-Overlay-Paket für Flutter bietet Echtzeit-Leistungsdaten wie Bildwiederholfrequenz, Speicherverbrauch und CPU-Auslastung direkt in der App-Oberfläche. Es ist so konzipiert, dass es nahtlos auf allen Plattformen – einschließlich Web – funktioniert und Entwicklern hilft, Leistungsbegrenzungen während der Entwicklung zu erkennen und zu beheben. Das Overlay ist leichtgewichtig und konfigurierbar, was es ideal für die Fehlersuche bei der Benutzeroberflächenreaktionsfähigkeit und Ressourcenverbrauch macht. Es lässt sich einfach über einen einfachen pub add-Befehl integrieren und unterstützt mehrere Zielplattformen.

Anwendungsfälle

  • Echtzeit-Leistungsüberwachung während der Entwicklung
  • Frame-Drops und Rendern-Probleme identifizieren
  • Optimierung der App-Reaktionsfähigkeit im Web
  • Debugging von Speicher- und CPU-Nutzung
  • App-Leistung auf verschiedenen Geräten testen
  • Überprüfung der Benutzeroberfläche auf Glätte in produktionsähnlichen Umgebungen

Hauptmerkmale

  • Echtzeit-Framerate und Leistungsstatistiken
  • Plattformübergreifende Unterstützung einschließlich Web
  • Minimaler Setup mit pub add
  • Konfigurierbare Overlay-Aussehen
  • Keine Laufzeitüberhead im Release-Modus
  • Unterstützt alle wichtigen Flutter-Plattformen

Geeignet für

  • Flutter-Entwickler beheben UI-Latenz
  • Teams, die Web-first Flutter-Anwendungen entwickeln
  • Leistungsorientierte App-Optimierung
  • Frontend-Entwickler testen Reaktionsfähigkeit
  • Mobile- und Desktop-App-Entwickler
  • QA-Tester validieren die App-Stabilität

Hinweise

  • Overlay sollte in Produktionsbuilds deaktiviert werden
  • Kann die Leistung bei intensiver Nutzung leicht beeinträchtigen
  • Nicht für die Sichtbarkeit durch Endbenutzer vorgesehen
  • Benötigt manuelle Integration im App-Einstiegspunkt
  • Eingeschränkte Anpassungsmöglichkeiten für das Layout
  • Am besten während aktiver Entwicklungsphasen verwendet

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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.

Kategorien

Leistungs- und Absturzinsight

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.