Проблемите с производителността на Lottie обикновено идват от файла, а не от плейъра. After Effects улеснява добавянето на функции, които са скъпи за изобразяване кадър по кадър на телефон.
Започнете с файла. Маските и матовете често са най-големият разход; заменете ги с по-прости форми, където е възможно. Премахнете ефектите и замъгляванията, от които играчът не се нуждае. Обединете фигури, намалете броя на слоевете и предварително композирайте внимателно. Големите вградени изображения добавят памет и разходи за декодиране, така че ги оптимизирайте или заменете с вектори. Lottie инспектор, като нашия безплатен преглед Lottie JSON, ви помага да видите какво има във файл.
След това проверете как приложението го възпроизвежда. Анимациите, които продължават да се повтарят, когато са извън екрана, в затворен раздел или в клетка от списък, която е превъртяла, все още използват процесора и батерията. Поставете ги на пауза, когато не се виждат и спрете цикли, които не са необходими. Избягвайте да възпроизвеждате десетки анимации наведнъж.
Изберете правилните опции за вашата платформа. В мрежата рендерите SVG и canvas се представят по различен начин в зависимост от анимацията, така че тествайте и двата. Компресираният формат .lottie (dotLottie) намалява размера на изтеглянето. На Android тествайте с хардуерно ускорение, където вашият плейър го поддържа.
Накрая измервайте на устройство от нисък клас. Ако една анимация все още е твърде тежка, тя може да е грешният инструмент за работата: обикновена CSS или собствена анимация може да замени декоративен цикъл, а интерактивните компоненти може да бъдат по-добре вградени в инструмент, базиран на състоянието, като Rive или ExodeUI, който правим.