Các vấn đề về hiệu suất của Lottie thường đến từ tệp chứ không phải trình phát. After Effects giúp dễ dàng thêm các tính năng đắt tiền để hiển thị từng khung hình trên điện thoại.
Bắt đầu với tập tin. Mặt nạ và thảm theo dõi thường có chi phí lớn nhất; thay thế chúng bằng những hình dạng đơn giản hơn nếu có thể. Loại bỏ các hiệu ứng và làm mờ mà người chơi không cần. Hợp nhất các hình dạng, giảm số lượng lớp và chuẩn bị trước một cách cẩn thận. Hình ảnh nhúng lớn sẽ tốn thêm bộ nhớ và chi phí giải mã, vì vậy hãy tối ưu hóa hoặc thay thế chúng bằng vectơ. Trình kiểm tra Lottie, chẳng hạn như trình xem Lottie JSON miễn phí của chúng tôi, giúp bạn xem nội dung bên trong tệp.
Sau đó kiểm tra cách ứng dụng phát nó. Hoạt ảnh tiếp tục lặp khi tắt màn hình, bên trong tab đã đóng hoặc trong ô danh sách được cuộn đi vẫn sử dụng CPU và pin. Tạm dừng chúng khi chúng không hiển thị và dừng các vòng lặp không cần thiết. Tránh phát hàng tá hình ảnh động cùng một lúc.
Chọn các tùy chọn phù hợp cho nền tảng của bạn. Trên web, SVG và trình kết xuất canvas hoạt động khác nhau tùy thuộc vào hoạt ảnh, vì vậy hãy kiểm tra cả hai. Định dạng .lottie (dotLottie) được nén giúp giảm kích thước tải xuống. Trên Android, hãy thử nghiệm khả năng tăng tốc phần cứng trong đó trình phát của bạn hỗ trợ.
Cuối cùng, đo trên thiết bị cấp thấp. Nếu hoạt ảnh vẫn quá nặng thì đó có thể là công cụ không phù hợp cho công việc: một CSS đơn giản hoặc hoạt ảnh gốc có thể thay thế một vòng lặp trang trí và các thành phần tương tác có thể được xây dựng tốt hơn trong một công cụ dựa trên trạng thái như Rive hoặc ExodeUI mà chúng tôi tạo ra.