كيف يمكنك إصلاح مشكلات أداء Lottie واستنزاف البطارية على الهاتف المحمول؟
إجابة مختصرة
قم بتبسيط الرسوم المتحركة أولاً: قم بإزالة الأقنعة والألوان غير اللامعة والتأثيرات والصور الكبيرة ودمج الأشكال وتقليل عدد الطبقات. ثم تأكد من توقف الرسوم المتحركة عندما تكون خارج الشاشة أو تنتهي، وتجنب تشغيل العديد من الرسوم المتحركة في وقت واحد، واختبرها على الأجهزة المنخفضة الجودة. يساعد أيضًا استخدام تنسيق .lottie المضغوط والعارض المناسب لنظامك الأساسي.
الوجبات الجاهزة الأساسية
تعد الأقنعة والألوان غير اللامعة والتمويه والتأثيرات هي الأسباب الأكثر شيوعًا لبطء ملفات Lottie
الصور الكبيرة المضمنة تجعل الملفات ثقيلة؛ تحسينها أو إزالتها
إيقاف مؤقت أو إيقاف الرسوم المتحركة الموجودة خارج الشاشة أو المخفية
تجنب تكرار العديد من الرسوم المتحركة في نفس الوقت في القائمة
الملف الشخصي على جهاز Android منخفض الجودة، وليس فقط على هاتف جديد
عادةً ما تأتي مشكلات أداء Lottie من الملف، وليس من المشغل. يجعل After Effects من السهل إضافة ميزات باهظة الثمن لعرضها إطارًا تلو الآخر على الهاتف.
ابدأ بالملف. غالبًا ما تكون الأقنعة وأشياء المسار هي التكلفة الأكبر؛ استبدلها بأشكال أبسط حيثما أمكن ذلك. إزالة التأثيرات والتعتيمات التي لا يحتاجها اللاعب. دمج الأشكال وتقليل عدد الطبقات والتركيب المسبق بعناية. تضيف الصور المضمنة الكبيرة تكلفة الذاكرة وفك التشفير، لذا قم بتحسينها أو استبدالها بالمتجهات. يساعدك مفتش Lottie، مثل عارض Lottie JSON المجاني، على رؤية ما يوجد داخل الملف.
ثم تحقق من كيفية تشغيل التطبيق له. الرسوم المتحركة التي تستمر في التكرار عندما تكون خارج الشاشة، داخل علامة تبويب مغلقة أو في خلية قائمة تم تمريرها بعيدًا، لا تزال تستخدم وحدة المعالجة المركزية والبطارية. قم بإيقافها مؤقتًا عندما لا تكون مرئية وإيقاف الحلقات غير المطلوبة. تجنب تشغيل العشرات من الرسوم المتحركة في وقت واحد.
اختر الخيارات المناسبة لمنصتك. على الويب، يعمل SVG وعارضات اللوحة بشكل مختلف اعتمادًا على الرسوم المتحركة، لذا قم باختبار كليهما. يعمل تنسيق .lottie (dotLottie) المضغوط على تقليل حجم التنزيل. على نظام التشغيل Android، قم بإجراء الاختبار باستخدام تسريع الأجهزة حيث يدعمه المشغل الخاص بك.
أخيرًا، قم بالقياس على جهاز منخفض الجودة. إذا كانت الرسوم المتحركة لا تزال ثقيلة جدًا، فقد تكون الأداة الخاطئة للمهمة: يمكن لرسوم متحركة بسيطة أو رسوم متحركة أصلية أن تحل محل حلقة زخرفية، وقد يتم إنشاء المكونات التفاعلية بشكل أفضل في أداة قائمة على الحالة مثل Rive أو ExodeUI، والتي نصنعها.
الأسئلة المتداولة
لماذا تتأخر الرسوم المتحركة Lottie الخاصة بي؟
عادةً بسبب الأقنعة، أو المواد غير اللامعة، أو التأثيرات، أو الصور الكبيرة أو الطبقات الكثيرة، أو بسبب تشغيل العديد من الرسوم المتحركة في وقت واحد.
هل يستنزف Lottie البطارية؟
أي رسم متحرك يستمر في العرض يستخدم الطاقة. قم بإيقاف الرسوم المتحركة الموجودة خارج الشاشة مؤقتًا وتجنب التكرارات غير الضرورية.
هل .lottie أفضل من JSON؟
يتم ضغط تنسيق .lottie، لذلك يتم تنزيله بشكل أسرع. تعتمد تكلفة العرض في الغالب على ما هو موجود في الرسوم المتحركة.
SVG أو عارض القماش على الويب؟
ذلك يعتمد على الرسوم المتحركة. اختبر كلاهما مع ملفك على الأجهزة التي تدعمها.