Question

我创建了离子应用程序，但它在Android设备上的性能太慢了。如何提高应用的性能？我使用了列表项，侧面菜单，没有执行任何动画或过渡。

Answer 1

请参阅，有许多方法可以改善任何离子应用的性能。我面对同样的事情，我在谷歌做了一些研究，我找到了非常有帮助的文件。

它们的一些性能改进技术如下

使用追踪

track by用于避免使用时无用的DOM操作 NG-重复

更改您的代码：

ng-repeat="user in users"

为：

ng-repeat="user in users track by user.id"

（如果用户具有唯一ID）或

ng-repeat="user in users track by $index"

如果他们不这样做。 $ index通过ng-repeat添加到集合的每个元素中。

使用记录器

使用记录器代替console.log会降低性能

使用优化的循环

尝试尽可能使用缓存for循环，而不是角度的forEach。

使用原生滚动

使用原生滚动而不是JS滚动。

可以使用离子内容上的overflow-scroll=”true”或使用$ionicConfigProvider提供商启用原生滚动：

angular.module('yourModule').config(function($ionicConfigProvider) {
    $ionicConfigProvider.scrolling.jsScrolling(false);
});

以下链接中提供了更多提示。请参考。

Answer 2

试试这个：

collection-repeat="user in users track by $index"

您可以使用collection-repeat来提高滚动速度。