Lottie ytelsesproblemer kommer vanligvis fra filen, ikke spilleren. After Effects gjør det enkelt å legge til funksjoner som er dyre å gjengi bilde for bilde på en telefon.
Start med filen. Masker og banematter er ofte den største kostnaden; erstatte dem med enklere former der det er mulig. Fjern effekter og uskarphet spilleren ikke trenger. Slå sammen former, reduser antall lag og komponer nøye. Store innebygde bilder legger til minne og dekodingskostnader, så optimaliser eller erstatt dem med vektorer. En Lottie-inspektør, for eksempel vår gratis Lottie JSON-visningsprogram, hjelper deg med å se hva som er inne i en fil.
Sjekk deretter hvordan appen spiller den. Animasjoner som fortsetter å sløyfe når de er utenfor skjermen, inne i en lukket fane eller i en listecelle som rullet bort, bruker fortsatt CPU og batteri. Sett dem på pause når de ikke er synlige og stopp løkker som ikke er nødvendige. Unngå å spille dusinvis av animasjoner samtidig.
Velg de riktige alternativene for plattformen din. På nettet presterer SVG- og lerretsrendererne forskjellig avhengig av animasjonen, så test begge. Det komprimerte .lottie-formatet (dotLottie) reduserer nedlastingsstørrelsen. På Android, test med maskinvareakselerasjon der spilleren din støtter det.
Mål til slutt på en lavend enhet. Hvis en animasjon fortsatt er for tung, kan det være feil verktøy for jobben: en enkel CSS eller native animasjon kan erstatte en dekorativ loop, og interaktive komponenter kan bygges bedre i et tilstandsbasert verktøy som Rive eller ExodeUI, som vi lager.