離子負載更多滾動慢

嗨，我是新來的Ionic和，我在這裏使用AngularJS與Ionic v1 加載更多滾動太慢了。我已經嘗試了兩種方式離子負載更多滾動慢

服務
廠

兩種方法都非常慢。我怎樣才能加快我的負載更多的選項。

這些都是我從API REST服務越來越

{ 
    "shared_status": "false", 
    "wall_post_id": "740", 
    "post_post": "getU.online", 
    "post_added_by": "589", 
    "post_company_name": "The Business Club", 
    "post_business_sector": null, 
    "post_busin_type": "Limited Company", 
    "post_added_by_image": "1471523735.png", 
    "post_added_by_name": "Russ Wheeler", 
    "post_added_on": "14 hours ago", 
    "post_date": "2017-01-31 18:48:36", 
    "post_mine": true, 
    "image_list": [{ 
     "file_name": "http:\/\/www.domain.com\/uploads\/wall_posts\/tmp\/\/1485888514.jpg" 
    }], 
    "like_status": "activated", 
    "like_test": false, 
    "like_test_1": "Unlike", 
    "like": " Like", 
    "num_like": "1", 
    "no_of_reply": 1, 
    "comment": "comment" 
}

來源

2017-02-01 Fazlan Mohammed

你能否提供更多的細節，你是否使用了ion-infinite-scroll指令，它本身是否緩慢？你是否檢查了你在請求中加載的數據，可能它太大了，因此需要花費時間來加載？ –

因此，您在響應中有一個圖像，使請求加載速度變慢，請嘗試壓縮圖像大小以獲得更好的性能並檢查連接速度。 –

我在上傳時壓縮圖像圖像很好，但應用程序非常慢。有沒有其他方法可以加速 –

僅使用離子指令儘可能爲它們設計牢記的移動性能值。使用非離子指令將以性能爲代價。

所以，如果你使用的是一些自定義/基於插件的解決方案..刪除，而使用<ion-infinite-scroll>

下面是示例：

<ion-infinite-scroll 
    ng-if="moreDataCanBeLoaded()" 
    icon="ion-loading-c" 
    on-infinite="loadMoreData()"> 
</ion-infinite-scroll>

瞭解更多： https://ionicframework.com/docs/api/directive/ionInfiniteScroll/

來源

2017-02-01 09:03:34

是的，我正在使用，但速度非常慢，需要4 - 10秒才能顯示數據。我如何加快速度 –

首先檢查您的API調用延遲。如果他們是okey然後使用以下增加離子應用程序性能加載列表等。嘗試做以下事情。

添加crosswalk plugin（這將增加你的.apk文件大小，但在性能方面這將是不錯的選擇）
如果你可以使用one time data-binding（：:)在你的列表項使用由它
利用軌跡在你ng-repeat列表項中（例如ng-repeat =「項目跟蹤item.id」或ng-repeat =「項目跟蹤項目跟蹤$ index」）
當應用程序在生產中移除console.log如果有的話

你也可以在這裏找到更多的性能技巧link

來源

2017-02-01 15:29:57

離子負載更多滾動慢

回答

相關問題