Problémy s výkonem Lottie obvykle pocházejí ze souboru, nikoli z přehrávače. After Effects usnadňuje přidávání funkcí, jejichž vykreslování snímek po snímku na telefonu je drahé.
Začněte se souborem. Masky a rohože jsou často největší náklady; nahraďte je pokud možno jednoduššími tvary. Odstraňte efekty a rozmazání, které přehrávač nepotřebuje. Slučte tvary, snižte počet vrstev a pečlivě předkomponujte. Velké vložené obrázky zvyšují náklady na paměť a dekódování, proto je optimalizujte nebo nahraďte vektory. Inspektor Lottie, jako je náš bezplatný prohlížeč Lottie JSON, vám pomůže zjistit, co je uvnitř souboru.
Poté zkontrolujte, jak to aplikace hraje. Animace, které se neustále opakují, když jsou mimo obrazovku, uvnitř zavřené karty nebo v buňce seznamu, která se posunula pryč, stále využívají procesor a baterii. Pozastavte je, když nejsou vidět, a zastavte smyčky, které nejsou potřeba. Vyhněte se přehrávání desítek animací najednou.
Vyberte si správné možnosti pro svou platformu. Na webu fungují renderery SVG a canvas renderer různě v závislosti na animaci, takže otestujte oba. Komprimovaný formát .lottie (dotLottie) snižuje velikost stahování. Na Androidu otestujte hardwarovou akceleraci tam, kde ji váš přehrávač podporuje.
Nakonec změřte na low-end zařízení. Pokud je animace stále příliš těžká, může to být nesprávný nástroj pro tuto úlohu: jednoduchá CSS nebo nativní animace mohou nahradit dekorativní smyčku a interaktivní komponenty mohou být lépe zabudovány do stavového nástroje, jako je Rive nebo ExodeUI, který vyrábíme.