Masalah kinerja Lottie biasanya berasal dari file, bukan pemutarnya. After Effects memudahkan penambahan fitur yang mahal untuk merender frame demi frame pada ponsel.
Mulailah dengan file. Masker dan track matte sering kali merupakan biaya terbesar; gantilah dengan bentuk yang lebih sederhana jika memungkinkan. Hapus efek dan blur yang tidak diperlukan pemain. Gabungkan bentuk, kurangi jumlah lapisan, dan buat komposisi terlebih dahulu dengan hati-hati. Gambar tersemat berukuran besar menambah memori dan biaya decoding, jadi optimalkan atau ganti dengan vektor. Inspektur Lottie, seperti penampil Lottie JSON gratis kami, membantu Anda melihat isi file.
Kemudian periksa bagaimana aplikasi memainkannya. Animasi yang terus berulang saat berada di luar layar, di dalam tab tertutup, atau di sel daftar yang di-scroll tetap menggunakan CPU dan baterai. Jeda saat tidak terlihat dan hentikan loop yang tidak diperlukan. Hindari memainkan lusinan animasi sekaligus.
Pilih opsi yang tepat untuk platform Anda. Di web, kinerja penyaji SVG dan kanvas berbeda-beda bergantung pada animasinya, jadi ujilah keduanya. Format .lottie (dotLottie) terkompresi mengurangi ukuran unduhan. Di Android, uji dengan akselerasi perangkat keras yang didukung pemutar Anda.
Terakhir, ukur pada perangkat kelas bawah. Jika animasi masih terlalu berat, mungkin alat tersebut salah untuk pekerjaan tersebut: CSS sederhana atau animasi asli dapat menggantikan loop dekoratif, dan komponen interaktif mungkin lebih baik dibuat di alat berbasis negara seperti Rive atau ExodeUI, yang kami buat.