# Ionic list's slow with 200 items

**URL:** <https://forum.ionicframework.com/t/ionic-lists-slow-with-200-items/14093>\
**Category:** ionic-v1\
**Created:** [December 14, 2014, 2:06pm UTC](https://forum.ionicframework.com/t/ionic-lists-slow-with-200-items/14093 "2014-12-14T14:06:48Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![silverhair2010](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/silverhair2010/32/66412_2.png) [@silverhair2010](https://forum.ionicframework.com/u/silverhair2010)\
**Post date:** [December 14, 2014, 2:06pm UTC](https://forum.ionicframework.com/t/ionic-lists-slow-with-200-items/14093/1 "2014-12-14T14:06:48Z")

</div>

I have array with over 200 items, it was showed after loading page 1-2 second. And when scrolling that list has issue on my mobile, it’s slow and lag.

Anyone got the same issue? Any suggestion or solution are welcome.  
Thanks.

---

<div class="post-metadata">

**Author:** ![iwantwin](https://avatars.discourse-cdn.com/v4/letter/i/94ad74/32.png) [@iwantwin](https://forum.ionicframework.com/u/iwantwin)\
**Post date:** [December 14, 2014, 5:24pm UTC](https://forum.ionicframework.com/t/ionic-lists-slow-with-200-items/14093/2 "2014-12-14T17:24:16Z")

</div>

Could you paste an example of your list definition? Are you using ng-repeat or collection-repeat? The latter is recommended for lists of such size 😉

---

<div class="post-metadata">

**Author:** ![silverhair2010](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/silverhair2010/32/66412_2.png) [@silverhair2010](https://forum.ionicframework.com/u/silverhair2010)\
**Post date:** [December 15, 2014, 10:28am UTC](https://forum.ionicframework.com/t/ionic-lists-slow-with-200-items/14093/3 "2014-12-15T10:28:34Z")

</div>

I’m using ng-repeat  
You can check my sample in [http://codepen.io/sondn2010/pen/MYyzrO?editors=101](http://codepen.io/sondn2010/pen/MYyzrO?editors=101)

One more thing about list, how’s about list with 1000 items. There is a way to load that list when scrolling to bottom or I have to split it and show in other page?

And thank for reply me too quickly 🙂

---

<div class="post-metadata">

**Author:** ![Calendee](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/calendee/32/13656_2.png) [@Calendee](https://forum.ionicframework.com/u/Calendee)\
**Post date:** [December 15, 2014, 11:38am UTC](https://forum.ionicframework.com/t/ionic-lists-slow-with-200-items/14093/4 "2014-12-15T11:38:27Z")

</div>

You may want to consider using collection-repeat instead of ng-repeat. It’s a little more work though. One problem with collection-repeat is that it does not support the option buttons that your sample is using.

Also, consider using AngularJS’s new one time binding.

[https://docs.angularjs.org/guide/expression#](https://docs.angularjs.org/guide/expression#)!

> **[List: Nightly](https://codepen.io/calendee/pen/myPabP)**
>
> An Ionic list directive Forked from \[Ionic\](http://codepen.io/ionic/)'s Pen \[List: Nightly\](http://codepen.io/ionic/pen/JsHjf/). Forked from \[Son Do\]...

---

<div class="post-metadata">

**Author:** ![silverhair2010](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/silverhair2010/32/66412_2.png) [@silverhair2010](https://forum.ionicframework.com/u/silverhair2010)\
**Post date:** [December 16, 2014, 6:47am UTC](https://forum.ionicframework.com/t/ionic-lists-slow-with-200-items/14093/5 "2014-12-16T06:47:22Z")

</div>

> [@Calendee](#):
>
> Also, consider using AngularJS’s new one time binding.

Thank @Calendee, let me try

---

<div class="post-metadata">

**Author:** ![harshitgoel96](https://avatars.discourse-cdn.com/v4/letter/h/839c29/32.png) [@harshitgoel96](https://forum.ionicframework.com/u/harshitgoel96)\
**Post date:** [December 16, 2014, 6:57am UTC](https://forum.ionicframework.com/t/ionic-lists-slow-with-200-items/14093/6 "2014-12-16T06:57:15Z")

</div>

would collection-repeat work with pull to refresh and infinite scroll ?

---

<div class="post-metadata">

**Author:** ![Mik378](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mik378/32/7777_2.png) [@Mik378](https://forum.ionicframework.com/u/Mik378)\
**Post date:** [December 16, 2014, 2:05pm UTC](https://forum.ionicframework.com/t/ionic-lists-slow-with-200-items/14093/7 "2014-12-16T14:05:05Z")

</div>

Yes, I use it with both.
