Làm thế nào để tăng tốc jquery mobile/phonegap?

Question

Tôi có một ứng dụng web nhỏ. Bảy trang, tổng số 3,6 KB index.html và tổng số 855,5 KB. Điều kỳ lạ duy nhất tôi có là một cơ sở dữ liệu (~ 500kb) trong Javascript với nhiều dòng như:

$.data(db,'Aarstraße',['34236:1','34246:2','34270:4','34290:6',...]); 

Tôi đã thử nghiệm nó trên iPod/iPhone và Android (HTC Magic) và nó là rất chậm:

Startup

• iPhone: 14 giây
• Android: 21 giây

tra trang đơn giản nsition (trượt)

• iPhone: 3-4 giây
• Android: 4-6 giây

Làm thế nào tôi có thể làm điều này nhanh chóng?

Tôi đã xóa box shadow.

Cập nhật

tôi loại bỏ các cơ sở dữ liệu rời 444.7KB tổng số trang. Bây giờ nó chạy nhanh hơn trên Android. Xung quanh giống như một chiếc iPhone. Nó vẫn cảm thấy rất chậm.

Cập nhật 2

Sau this question, tôi chuyển sang latest jquery mobile build. Nó cải thiện quá trình chuyển đổi trang cho các thiết bị Android chậm đến ~ 2 giây mỗi lần chuyển đổi. Bản phát hành phiên bản 1.1 sẽ là mid/late February.

Answer 1

Có một vài điều bạn có thể làm:

1. Get to deviceready faster.
2. Giảm thiểu mã JS của bạn bằng cách sử dụng YUI Compressor
3. Di chuyển thẻ tập lệnh của bạn xuống cuối thẻ body.

Như bạn đã đề cập bạn đã di chuyển cơ sở dữ liệu ra khỏi phương trình có thể mất phần lớn thời gian khi khởi động.

Answer 2

Bạn làm gì với jQuery-mobile? Hiệu suất của nó rất kém, bạn không bao giờ nên gọi nó trên các yếu tố lớn hơn cần thiết. Xem this discussion about jquery-mobile để biết chi tiết. Nó đang thực hiện rất nhiều hoạt động tìm kiếm DOM vì nó hoạt động bằng cách sửa đổi cây DOM. Đối với các thử nghiệm của tôi, nó hoạt động quá chậm ngay cả trên trình duyệt máy tính để bàn.

Answer 3

Thử không chuyển tiếp. Ngay cả với jQuery 1.1, quá trình chuyển đổi trang có thể thực sự nhấp nháy và chậm trên iPhone.

Để thả chuyển trang trên toàn cầu, chỉ cần thêm dòng sau vào jqm.glocal.config.js

$(document).bind("mobileinit", function(){ 
    $.mobile.defaultPageTransition="none" 
});