22 Feb 2013 11:07 AM #1
Answered: Ext.List is very sluggish in 2.1.1 vs 2.0.0
I've been trying to improve the responsiveness of scrolling in Ext.List on ST 2.1.1 as it is very sluggish and stutters a lot on my device (tested on Samsung Galaxy S3).
My code is very simple - just a basic Ext.List with 10 items and I couldn't figure out what was causing the slowness so I decided to look at some sample code from here: http://try.sencha.com/touch/2.0.0/do...taview.List.2/
I noticed that this example list uses ST 2.0.0 and it is buttery smooth on my devices. As soon as I swap out 2.0.0 with 2.1.1, list scrolling becomes very sluggish.
I've recorded some timeline information in chrome for android's web inspector and you can see the difference. I've recorded myself scrolling down a list on Chrome for Samsung Galaxy S3.
Ext.List with ST 2.0.0
Ext.List with ST 2.1.1
ST 2.1.1 seems to be doing more work in between the rendering causing the scrolling to be sluggish. Has anyone else encountered this problem? Is this just a fault in version 2.1.1?
The list in the 2.1 branch supports infinite data so there is some more work being done behind the scenes. If you don't want this then you can use the DataView and style it yourself.
24 Feb 2013 5:13 PM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
The list in the 2.1 branch supports infinite data so there is some more work being done behind the scenes. If you don't want this then you can use the DataView and style it yourself.Mitchell Simoens @SenchaMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.