Lottie performans sorunları genellikle oynatıcıdan değil dosyadan kaynaklanır. After Effects, telefonda kare kare işlenmesi pahalı olan özelliklerin eklenmesini kolaylaştırır.
Dosyayla başlayın. Maskeler ve parça örtüleri genellikle en büyük maliyettir; mümkünse bunları daha basit şekillerle değiştirin. Müzikçaların ihtiyaç duymadığı efektleri ve bulanıklıkları kaldırın. Şekilleri birleştirin, katman sayısını azaltın ve dikkatlice önceden oluşturun. Büyük gömülü görüntüler bellek ve kod çözme maliyeti ekler; bu nedenle bunları optimize edin veya vektörlerle değiştirin. Ücretsiz Lottie JSON görüntüleyicimiz gibi bir Lottie denetçisi, bir dosyanın içinde ne olduğunu görmenize yardımcı olur.
Ardından uygulamanın onu nasıl oynattığını kontrol edin. Ekran dışında, kapalı bir sekmede veya kaydırılan bir liste hücresinde döngüye devam eden animasyonlar yine de CPU ve pili kullanır. Görünmediklerinde bunları duraklatın ve ihtiyaç duyulmayan döngüleri durdurun. Onlarca animasyonu aynı anda oynatmaktan kaçının.
Platformunuz için doğru seçenekleri seçin. Web'de SVG ve tuval oluşturucular animasyona bağlı olarak farklı performans gösterir; bu nedenle her ikisini de test edin. Sıkıştırılmış .lottie (dotLottie) formatı indirme boyutunu azaltır. Android'de, oynatıcınızın desteklediği donanım hızlandırmayı kullanarak test edin.
Son olarak, düşük kaliteli bir cihazda ölçüm yapın. Bir animasyon hala çok ağırsa, iş için yanlış araç olabilir: basit bir CSS veya yerel animasyon, dekoratif bir döngünün yerini alabilir ve etkileşimli bileşenler, bizim yaptığımız Rive veya ExodeUI gibi durum tabanlı bir araçta daha iyi oluşturulabilir.