Lottie-suorituskykyongelmat johtuvat yleensä tiedostosta, eivät soittimesta. After Effects helpottaa kalliiden ominaisuuksien lisäämistä kehys kehykseltä puhelimeen.
Aloita tiedostosta. Naamiot ja ratamatto ovat usein suurimmat kustannukset; korvaa ne yksinkertaisemmilla muodoilla, jos mahdollista. Poista tehosteet ja sumennus, jota soitin ei tarvitse. Yhdistä muotoja, vähennä kerrosten määrää ja valmistele huolellisesti. Suuret upotetut kuvat lisäävät muistia ja dekoodauskustannuksia, joten optimoi ne tai korvaa ne vektoreilla. Lottie-tarkistus, kuten ilmainen Lottie JSON -katseluohjelmamme, auttaa sinua näkemään, mitä tiedoston sisällä on.
Tarkista sitten, kuinka sovellus toistaa sen. Animaatiot, jotka jatkuvat silmukoiden ollessa poissa näytöstä, suljetun välilehden sisällä tai luettelosolussa, jotka vieritetään poispäin, käyttävät edelleen suoritinta ja akkua. Keskeytä ne, kun ne eivät ole näkyvissä, ja pysäytä silmukat, joita ei tarvita. Vältä toistamasta kymmeniä animaatioita kerralla.
Valitse oikeat vaihtoehdot alustallesi. Verkossa SVG- ja kanvas-renderöijät toimivat eri tavalla animaation mukaan, joten testaa molemmat. Pakattu .lottie (dotLottie) -muoto pienentää latauskokoa. Androidissa testaa laitteistokiihdytystä, missä soitin tukee sitä.
Lopuksi mittaa halvemmalla laitteella. Jos animaatio on edelleen liian painava, se voi olla väärä työkalu työhön: yksinkertainen CSS tai natiivianimaatio voi korvata koristesilmukan, ja interaktiiviset komponentit voidaan rakentaa paremmin tilapohjaiseen työkaluun, kuten Rive tai ExodeUI, joita teemme.