Lottie प्रदर्शन समस्याएँ आमतौर पर फ़ाइल से आती हैं, प्लेयर से नहीं। After Effects उन सुविधाओं को जोड़ना आसान बनाता है जो फोन पर फ्रेम दर फ्रेम प्रस्तुत करना महंगा है।
फ़ाइल से प्रारंभ करें. मास्क और ट्रैक मैट अक्सर सबसे बड़ी लागत होते हैं; जहां संभव हो उन्हें सरल आकृतियों से बदलें। ऐसे प्रभाव और धुंधलापन हटाएं जिनकी खिलाड़ी को आवश्यकता नहीं है। आकृतियों को मर्ज करें, परतों की संख्या कम करें और सावधानीपूर्वक पूर्व-रचना करें। बड़ी एम्बेडेड छवियां मेमोरी और डिकोडिंग लागत जोड़ती हैं, इसलिए उन्हें वैक्टर के साथ अनुकूलित या प्रतिस्थापित करें। एक Lottie इंस्पेक्टर, जैसे कि हमारा मुफ़्त Lottie JSON व्यूअर, आपको यह देखने में मदद करता है कि फ़ाइल के अंदर क्या है।
फिर जांचें कि ऐप इसे कैसे चलाता है। वे एनिमेशन जो स्क्रीन से बाहर, बंद टैब के अंदर या दूर स्क्रॉल किए गए सूची सेल में लूप करते रहते हैं, फिर भी सीपीयू और बैटरी का उपयोग करते हैं। जब वे दिखाई न दें तो उन्हें रोकें और जिन लूपों की आवश्यकता न हो उन्हें रोक दें। एक साथ दर्जनों एनिमेशन चलाने से बचें।
अपने प्लेटफ़ॉर्म के लिए सही विकल्प चुनें. वेब पर, SVG और कैनवास रेंडरर्स एनीमेशन के आधार पर अलग-अलग प्रदर्शन करते हैं, इसलिए दोनों का परीक्षण करें। संपीड़ित .lottie (dotLottie) प्रारूप डाउनलोड आकार को कम कर देता है। एंड्रॉइड पर, हार्डवेयर एक्सेलेरेशन के साथ परीक्षण करें जहां आपका प्लेयर इसका समर्थन करता है।
अंत में, एक लो-एंड डिवाइस पर मापें। यदि एनीमेशन अभी भी बहुत भारी है, तो यह काम के लिए गलत उपकरण हो सकता है: एक साधारण CSS या देशी एनीमेशन एक सजावटी लूप की जगह ले सकता है, और इंटरैक्टिव घटकों को Rive या ExodeUI जैसे राज्य-आधारित टूल में बेहतर ढंग से बनाया जा सकता है, जो हम बनाते हैं।