PhoneGap/Cordova: hình ảnh động JQuery chạy chậm

Question

tôi đã xây dựng một ứng dụng trong PhoneGap/Cordova và sử dụng thư viện JQuery đối với một số hình ảnh động đơn giản như slideUp, vv

Họ làm việc tốt trên giả lập nhưng khi tôi thử vào một thiết bị thực tế các hoạt ảnh chạy thực sự chunky và chậm.

Có cách nào để tăng tốc độ này không? Hoặc tôi có nên sử dụng một khung chuyển tiếp khác không?

Nếu điều sau là đúng, bất kỳ ai cũng có thể đề xuất một phiên bản tốt để tôi thử không?

Cảm ơn

Answer 1

Hoạt ảnh jQuery được thực hiện bằng cách sử dụng setInterval trên thuộc tính css đang hoạt ảnh và nó không phải là phần cứng được tăng tốc trên thiết bị di động.

Chuyển tiếp CSS là phần cứng được tăng tốc trên hầu hết các thiết bị hiện đại và do đó là lựa chọn tốt hơn. Có các thư viện thả xuống có thể đảm bảo hoạt ảnh jQuery của bạn được thực hiện bằng cách sử dụng chuyển tiếp CSS thay vì các hoạt ảnh setInterval tốn kém.

http://playground.benbarnett.net/jquery-animate-enhanced/

http://ricostacruz.com/jquery.transit/

Cho những thử.

Nếu bạn không sử dụng bất kỳ chức năng nào bị thiếu từ Zepto.js, hãy xem xét sử dụng nó thay vì nó nhỏ hơn và nhẹ hơn jQuery và được thiết kế riêng cho thiết bị di động.

Answer 2

Bạn có thể đẩy nhanh quá trình bằng cách giảm các nội dung của trang web, nhưng điều này có lẽ không phải những gì bạn đang xin. Một giải pháp tốt có thể đang sử dụng css transitions. Bằng cách này, các trình duyệt cũ không hiển thị hoạt ảnh trong khi trình duyệt sẽ hoạt động trơn tru trên các thiết bị mới. Degrades duyên dáng.