离子负载更多滚动慢

嗨，我是新来的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

离子负载更多滚动慢

回答

相关问题