Rechenintensive Aufgaben ohne Ruckeln

Jank bezeichnet ein sichtbares Ruckeln, wenn die UI ein Frame verpasst. Das geschieht, wenn aufwendige Arbeit das Haupt-Isolate zu lange beansprucht. 😬

Bei 60 fps stehen Ihnen pro Frame etwa 16 Millisekunden zur Verfügung. Wenn Sie dieses Budget im Haupt-Isolate überschreiten, friert der Bildschirm kurz ein.

Achten Sie auf CPU-intensive Aufgaben: große JSON-Daten parsen, Bildfilter, Verschlüsselung oder umfangreiche Sortierungen. Das sind die klassischen Verursacher von Jank.

Verlagern Sie diese aufwendige Arbeit in ein anderes Isolate. Das Haupt-Isolate kann weiterhin Frames zeichnen, während der Worker parallel rechnet.

In Flutter kapselt der Helfer compute ein Isolate für Sie. Übergeben Sie ihm eine Funktion und ein Argument und warten Sie anschließend auf das Ergebnis.

compute übernimmt eine Funktion und ein Argument, Isolate.run dagegen eine Closure. Beide führen eine einzelne Aufgabe in einem Hintergrundthread aus und geben ein Future zurück.

Das Kopieren von Daten zwischen Isolates kostet Zeit. Senden Sie nur, was die Aufgabe benötigt, und geben Sie nur das gekürzte Ergebnis zurück, das Sie tatsächlich verwenden.

Das Überschreiten der Isolate-Grenze ist nicht kostenlos. Bevorzugen Sie eine gebündelte Übergabe statt vieler kleiner Nachrichten in beide Richtungen.

Wenn dieselbe Aufgabe häufig ausgeführt wird, ist ein langlebiges gestartetes Isolate besser, als jedes Mal ein neues zu starten. Verwenden Sie es wieder, um den Startaufwand zu vermeiden.

Raten Sie nicht. Ermitteln Sie mit DevTools, welche Arbeit tatsächlich Frames ausfallen lässt, bevor Sie sie in ein Isolate verschieben.

Auf ein Netzwerk oder eine Festplatte zu warten, ist keine CPU-Arbeit. Normales async sorgt daher bereits für einen flüssigen Ablauf. Verwenden Sie Isolates für echte Berechnungen.

Um Jank zu vermeiden, messen Sie zuerst und verlagern Sie anschließend CPU-intensive Arbeit über compute oder Isolate.run in ein Isolate. Halten Sie Payloads klein und die UI flüssig. ✅