Problémy s výkonom Lottie zvyčajne pochádzajú zo súboru, nie z prehrávača. After Effects uľahčuje pridávanie funkcií, ktorých vykresľovanie je na telefóne po snímke drahé.
Začnite so súborom. Masky a rohože sú často najväčším nákladom; ak je to možné, nahraďte ich jednoduchšími tvarmi. Odstráňte efekty a rozmazania, ktoré prehrávač nepotrebuje. Zlúčte tvary, znížte počet vrstiev a opatrne vytvorte predbežnú kompozíciu. Veľké vložené obrázky zvyšujú náklady na pamäť a dekódovanie, preto ich optimalizujte alebo nahraďte vektormi. Inšpektor Lottie, ako napríklad náš bezplatný prehliadač Lottie JSON, vám pomôže zistiť, čo je v súbore.
Potom skontrolujte, ako to aplikácia hrá. Animácie, ktoré sa neustále opakujú, keď sú mimo obrazovky, na zatvorenej karte alebo v bunke zoznamu, ktorá sa posunula preč, stále využívajú procesor a batériu. Pozastavte ich, keď nie sú viditeľné, a zastavte slučky, ktoré nie sú potrebné. Vyhnite sa prehrávaniu desiatok animácií naraz.
Vyberte si správne možnosti pre svoju platformu. Na webe fungujú renderery SVG a canvas renderer odlišne v závislosti od animácie, preto otestujte obe. Komprimovaný formát .lottie (dotLottie) znižuje veľkosť sťahovania. V systéme Android otestujte hardvérovú akceleráciu tam, kde ju váš prehrávač podporuje.
Nakoniec zmerajte na low-end zariadení. Ak je animácia stále príliš ťažká, môže to byť nesprávny nástroj pre danú úlohu: jednoduchá CSS alebo natívna animácia môže nahradiť dekoratívnu slučku a interaktívne komponenty môžu byť lepšie zabudované do nástroja založeného na stave, ako je Rive alebo ExodeUI, ktorý vyrábame.