2012-05-31 21 views
5

Tôi có một trang web html cơ bản (html5, JavaScript, jQuery) mà tôi đã chạy trên iPpad2. Tôi làm thử nghiệm cơ bản với Google Chrome, chỉ để thử nghiệm hình ảnh bố cục và sao chép, vv Tuy nhiên, thử nghiệm thực sự của tôi cần phải có trên iPad thực tế.Javascript tải trên ipad chậm

Trên iPad, mã của tôi dường như bị chậm trễ 2-4 giây so với Chrome tải ngay lập tức. Tôi đã không thể tìm thấy nút cổ chai. Tôi đã thêm cảnh báo tại các điểm khác nhau trong mã, nhưng tất cả các cảnh báo xuất hiện ngay lập tức, cái khác và có vẻ như sự chậm trễ xảy ra sau khi cảnh báo cuối cùng ở dòng mã cuối cùng.

Các cảnh báo có thể gây nhầm lẫn vì có thể mã được lưu trong bộ nhớ cache trước khi được thực thi? Có cái gì tôi nên tìm kiếm hoặc tránh trong mã của tôi để tăng tốc độ mọi thứ trên iPad?

+0

Bạn đang tìm kiếm phương thức phản hồi nào? Nói cách khác, mã được cho là làm gì mà bạn thấy sự chậm trễ? Ví dụ: bạn đang tìm kiếm thay đổi đối với nội dung HTML? – wecsam

+0

Chúng tôi cũng gặp sự cố này trên iPad thế hệ đầu tiên, cụ thể là với hoạt ảnh. Tôi nghĩ rằng những người lớn tuổi chỉ có một thời gian khó xử lý một loạt các javascript (họ là chậm hơn nhiều so với hầu hết các máy tính để bàn + máy tính xách tay). Tuy nhiên, chúng tôi đã chọn iPad 3 ngày hôm nay và mọi thứ đều chạy rất tốt. –

+0

@wescam. Có, tôi đang tìm cách xem nội dung HTML – Mike6679

Trả lời

0

iPad chậm hơn đáng kể so với máy tính để bàn chạy Google Chrome. Dự kiến ​​sẽ mất nhiều thời gian hơn để làm việc.

Nếu đã 10-20 giây, tôi muốn kiểm tra mã của bạn, nhưng 2-4 giây không phải là vô lý đối với tải trang.

+0

Tôi bắt đầu đồng ý với bạn ... Tôi cũng đã thử thêm một div đơn giản chỉ chứa một hình ảnh đầu tiên trong index.html để xem liệu nó có xuất hiện nhanh hơn và VẪN trong 3 giây hay không chậm trễ .... – Mike6679

8

Nếu bạn không lưu lại kết quả chọn của bạn - thiết bị di động rất nhạy cảm với hiệu suất kém

những gì tôi có nghĩa là nếu bạn làm điều này:

$("#someId").css(some, stuff); 
$("#someId").css(other, stuffs); 
$("#someId").attr(even, more); 

so với

var ourElement = $("#someId"); 
ourElement.css(some, stuff); 
ourElement.css(other, stuffs); 
ourElement.attr(even, more); 

nay nếu bạn đang làm việc trước "trong thế giới thực" - trong các vòng lặp, v.v. - nó có thể gây thiệt hại hiệu suất rất lớn cho các thiết bị di động

chúc may mắn

+1

OP cũng có thể thử sử dụng jQuery di động như trái ngược với jQuery đầy đủ thổi nếu họ có một trang web di động cụ thể. – Codeman

+0

jQuery Mobile dựa trên jQuery, vì vậy nó sẽ không có dấu chân nhỏ hơn. – Sampson

+0

Không nhỏ hơn, không. Nhưng nó có một số điều cụ thể trên thiết bị di động để xem xét các tài nguyên có sẵn thấp hơn trên thiết bị di động. – Codeman