离子负载滚动更慢答案

【问题标题】：Ionic Load More scrolling slow离子负载滚动更慢
【发布时间】：2017-02-01 07:38:08
【问题描述】：

您好，我是 Ionic 的新手，并且，我在这里使用带有 Ionic v1 的 AngularJS 加载更多滚动 速度太慢了。我尝试了两种方法

服务
工厂

这两种方式都很慢。我怎样才能加快我的加载更多选项。

这些是我从 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"
}

【问题讨论】：

您能否提供更多详细信息，您是否使用 ion-infinite-scroll 指令，它本身是否很慢？您是否检查了您在请求中加载的数据，可能它太大了所以需要时间来加载？
因此您在响应中有一张图片，这会使请求加载缓慢，请尝试压缩图片大小以获得更好的性能并检查您的连接速度。
我在上传图像时压缩图像图像很好，但应用程序很慢。有没有其他方法可以加快速度

标签： angularjs cordova ionic-framework hybrid-mobile-app

【解决方案1】：

尽可能仅使用 ionic 指令，因为它们的设计考虑了移动性能。使用非离子指令会以性能为代价。

所以，如果您正在使用一些基于自定义/插件的解决方案.. 删除它并改用 <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/

【讨论】：

是的，兄弟我正在使用但非常慢，需要 4 - 10 秒才能显示数据。我怎样才能加快速度

【解决方案2】：

首先检查您的 API 调用延迟。如果它们还可以，请使用以下内容增加离子应用程序性能加载列表等。尝试做以下事情。

添加 crosswalk plugin（这将增加您的 .apk 文件大小，但在性能方面这将是一个不错的选择）
如果您可以在列表项中使用one time data-binding(::)，请使用它
在您的 ng-repeat 列表项中使用 track by（例如，ng-repeat="item in items track by item.id" 或 ng-repeat="item in items track by $index"）
当应用程序在生产中删除 console.log （如果有）

您还可以在link 中找到更多性能提示

【讨论】：