Ionic: chuyển chậm trong cài đặt ứng dụng android

Question

tôi đã cài đặt một ứng dụng Ionic (beta 14) trên thiết bị của mình Android (Lollipop) sử dụng:

ionic platform add android 
ionic run android 

tôi cũng đã xây dựng các ứng dụng và cài đặt nó với adb.

Ứng dụng sử dụng các menu bên ion và hoạt ảnh cho quá trình chuyển đổi giữa các chế độ xem đơn giản (danh sách -> chi tiết -> chi tiết) cực kỳ lag trên điện thoại có khả năng. Các hình ảnh động khi trình đơn bên slide ra là rất trơn tru trong tương phản.

Để điều tra thêm về tình hình, tôi đã phục vụ thư mục www từ máy tính của mình và mở trang đó trong Chrome trên điện thoại và nó mượt mà như mong đợi. Ứng dụng này cũng chạy trơn tru trên các thiết bị iOS.

Có ai có bất kỳ manh mối nào về lý do tại sao nó quá chậm khi ứng dụng ở trong Ionic, nhưng hoạt động như mong đợi khi nó được hiển thị trong trình duyệt?

Answer 1

Tôi gặp phải sự cố tương tự. Nó tệ hơn trong trường hợp bạn cần tải rất nhiều thông tin. Trong những dịp, tôi vô hiệu hóa các hiệu ứng chuyển bằng cách thiết lập:

nav-transition=none 

nếu bạn cần phải vô hiệu hóa việc chuyển đổi từ điều khiển của bạn, làm như sau:

app.controller('ctrl', function($scope,$state, $ionicViewSwitcher){ $scope.goBack = function(){ 
    $ionicViewSwitcher.nextTransition('none'); 
    $state.go('back'); 
}); 

Answer 2

tôi tìm thấy một số giải pháp mà tôi phải đối mặt với vấn đề trong transitiosn ứng dụng ion ..

1. Sau khi Nhà nước thay đổi tôi sử dụng mã này ..

// OnState Thay đổi ..

$scope.$on('$stateChangeSuccess', function() { 

    $ionicLoading.show(); 

    MyTeamListing(); 

    }) 

trong đó nhấn phục vụ mỗi khi tôi thay đổi trạng thái .. mà là làm chậm ứng dụng.

tôi chỉ cần bỏ dòng đầu tiên và mã của tôi đang làm việc tốt ...

Tôi không biết nó là một cách tốt hay xấu nhưng làm việc của nó đối với tôi tốt ..

giao dịch được trở nên chậm chạp nếu quá nhiều dữ liệu được tải trên giao dịch để tôi sử dụng các sự kiện ion tải dữ liệu sau khi thực hiện giao dịch.

$scope.$on('$ionicView.afterEnter', function(){ 
      console.log("afterEnter"); 
      $ionicLoading.show(); 
      loadRemoteData(); 
      $ionicLoading.hide(); 
}); 

Answer 3

Vâng, đặc quyền của việc phát triển ứng dụng hybrid là mã của nó lại khả năng sử dụng và phát triển nhanh hơn tuy nhiên, gì lợi thế chúng tôi có được về phát triển kết quả trong ứng dụng hybrid chậm.Chúng ta có thể làm cho các ứng dụng tương đối nhanh hơn nếu chúng ta theo điểm sau đây:

• hoàn toàn loại bỏ các ý kiến ​​và chức năng không cần thiết
• giảm thiểu trắng-không gian, làm cho chức năng của bạn càng nhỏ càng tốt
• sử dụng minified css và js
• tối ưu hóa hình ảnh, càng ít những hình ảnh nhanh hơn các ứng dụng
• nếu có thể, preload các hình ảnh check here
• giữ file js không cần thiết đến cuối trang ngay trước phần cuối thẻ body
• xóa các trang không cần thiết, cuộn không cần thiết và các trang lớn.
• giới hạn việc sử dụng hộp nhập; sử dụng các nút radio, hộp kiểm và combobox nếu có thể.
• không sử dụng thư viện jquery trừ khi cần thiết tối đa, hãy sử dụng javascript