{ "id": "97472", "key": "TIMOB-9993", "fields": { "issuetype": { "id": "1", "description": "A problem which impairs or prevents the functions of the product.", "name": "Bug", "subtask": false }, "project": { "id": "10153", "key": "TIMOB", "name": "Titanium SDK/CLI", "projectCategory": { "id": "10100", "description": "Titanium and related SDKs used in application development", "name": "Client" } }, "fixVersions": [], "resolution": { "id": "11", "description": "Is not a bug in our product", "name": "Not Our Bug" }, "resolutiondate": "2012-07-17T15:07:37.000+0000", "created": "2012-07-17T07:58:19.000+0000", "priority": { "name": "High", "id": "2" }, "labels": [ "core" ], "versions": [ { "id": "13271", "description": "Release 2.1.0", "name": "Release 2.1.0", "archived": false, "released": true, "releaseDate": "2012-06-29" } ], "issuelinks": [], "assignee": { "name": "bhughes", "key": "bhughes", "displayName": "Bryan Hughes", "active": true, "timeZone": "America/Los_Angeles" }, "updated": "2014-01-29T00:03:02.000+0000", "status": { "description": "The issue is considered finished, the resolution is correct. Issues which are closed can be reopened.", "name": "Closed", "id": "6", "statusCategory": { "id": 3, "key": "done", "colorName": "green", "name": "Done" } }, "components": [ { "id": "11500", "name": "MobileWeb", "description": "Mobile Web (HTML) Platform" } ], "description": "h2. Problem description\r\nWhen creating a ScrollableView in a MobileWeb project, the scrolling between views is really laggy and slow, if the views have a background image set.\r\n\r\nh2. Steps to reproduce\r\n- create an app with the code below\r\n- make sure you put 3 images p1.png, p2.png, p3.png in the images folder\r\n- run in the browser\r\n\r\n{code}\r\nvar win = Ti.UI.createWindow({\r\n\twidth:1024,\r\n\theight:768,\r\n\ttop:0,left:0,\r\n\tbackgroundColor:'#bbb' \r\n});\r\n\r\nvar views_ar = [];\r\nfor (var it=1; it<=3; it++){\r\n\tvar _view = Ti.UI.createView({left:0,width:1024,top:0,height:768, backgroundImage:'images/p'+ it +'.png'});\r\n\tviews_ar.push(_view);\r\n}\r\n\r\nvar sv_sections = Ti.UI.createScrollableView({\r\n\tleft:0,\twidth:1024, top:0, height:768,cacheSize:3, name:'Scrollable', views: views_ar\r\n});\r\n\r\nwin.add(sv_sections);\r\n\r\nwin.open();\r\n{code}\r\n\r\nh2. Expected result\r\nMoving between views is smooth.", "attachment": [], "flagged": false, "summary": "MobileWeb: ScrollableView is very slow when views have a background image", "creator": { "name": "dcassenti", "key": "dcassenti", "displayName": "Davide Cassenti", "active": true, "timeZone": "Europe/Berlin" }, "subtasks": [], "reporter": { "name": "dcassenti", "key": "dcassenti", "displayName": "Davide Cassenti", "active": true, "timeZone": "Europe/Berlin" }, "environment": "MobileWeb\r\nSDK 2.1.0", "comment": { "comments": [ { "id": "208124", "author": { "name": "bhughes", "key": "bhughes", "displayName": "Bryan Hughes", "active": true, "timeZone": "America/Los_Angeles" }, "body": "We will need some more information from the customer:\r\n\r\n1) What version of the SDK are they using\r\n2) The images they are using or, if they cannot supply the images, all of the details of the images (compression algorithm, color type, depth, dimensions, file size, etc)\r\n3) The device/browser and version they are running the app on", "updateAuthor": { "name": "bhughes", "key": "bhughes", "displayName": "Bryan Hughes", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2012-07-17T11:50:33.000+0000", "updated": "2012-07-17T11:50:33.000+0000" }, { "id": "208131", "author": { "name": "topcreations", "key": "topcreations", "displayName": "Alexandros", "active": true, "timeZone": "Europe/Helsinki" }, "body": "1)2.1.0.GA\r\n2)http://cpansearch.perl.org/src/LBROCARD/Image-Imlib2-Thumbnail-0.34/t/1024x768.png\r\n3)tested on iPad simulator", "updateAuthor": { "name": "topcreations", "key": "topcreations", "displayName": "Alexandros", "active": true, "timeZone": "Europe/Helsinki" }, "created": "2012-07-17T12:01:13.000+0000", "updated": "2012-07-17T12:01:13.000+0000" }, { "id": "208132", "author": { "name": "topcreations", "key": "topcreations", "displayName": "Alexandros", "active": true, "timeZone": "Europe/Helsinki" }, "body": "sorry answer for 3) is \r\n\r\ntested on firefox browser 13.0.1 (for mac)", "updateAuthor": { "name": "topcreations", "key": "topcreations", "displayName": "Alexandros", "active": true, "timeZone": "Europe/Helsinki" }, "created": "2012-07-17T12:03:32.000+0000", "updated": "2012-07-17T12:03:32.000+0000" }, { "id": "208139", "author": { "name": "topcreations", "key": "topcreations", "displayName": "Alexandros", "active": true, "timeZone": "Europe/Helsinki" }, "body": "You may also see the app here http://lamp.t-c.gr/mag/", "updateAuthor": { "name": "topcreations", "key": "topcreations", "displayName": "Alexandros", "active": true, "timeZone": "Europe/Helsinki" }, "created": "2012-07-17T12:22:33.000+0000", "updated": "2012-07-17T12:22:33.000+0000" }, { "id": "208174", "author": { "name": "bhughes", "key": "bhughes", "displayName": "Bryan Hughes", "active": true, "timeZone": "America/Los_Angeles" }, "body": "I did some testing and Safari and Chrome scrolls the view very smoothly, and Firefox 14 is smooth as well but with some tearing. \r\n\r\nUnfortunately 2.1.0 GA already contains all of the performance improvements we can do on our end. The actual scrolling of the image is handled by the browser, meaning that any performance problems remaining are caused by the browser itself.\r\n\r\nThe attached image is very large, and the web isn't known for handling large images quickly. I would recommend trying to go with a smaller image. That image would most likely be to large to see all at once on a mobile device anyway.\r\n\r\nYou can also try upgrading to Firefox 14, or switching to Safari/Chrome, both of which should be faster.", "updateAuthor": { "name": "bhughes", "key": "bhughes", "displayName": "Bryan Hughes", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2012-07-17T15:07:37.000+0000", "updated": "2012-07-17T15:07:37.000+0000" }, { "id": "208188", "author": { "name": "topcreations", "key": "topcreations", "displayName": "Alexandros", "active": true, "timeZone": "Europe/Helsinki" }, "body": "Tried it both with Chrome and Safari and it seems smoother indeed. however in all browsers there is an irritating flicker when scrolling from one image to another. Do you see this yourself? If you can eliminate it, the experience will be decent.", "updateAuthor": { "name": "topcreations", "key": "topcreations", "displayName": "Alexandros", "active": true, "timeZone": "Europe/Helsinki" }, "created": "2012-07-17T15:41:30.000+0000", "updated": "2012-07-17T15:41:30.000+0000" }, { "id": "208214", "author": { "name": "bhughes", "key": "bhughes", "displayName": "Bryan Hughes", "active": true, "timeZone": "America/Los_Angeles" }, "body": "I have seen it on rare occasions. It's good to know that others are seeing it too and I'm not just going crazy :). I filed TIMOB-10014 to address the flickering issue.", "updateAuthor": { "name": "bhughes", "key": "bhughes", "displayName": "Bryan Hughes", "active": true, "timeZone": "America/Los_Angeles" }, "created": "2012-07-17T17:00:09.000+0000", "updated": "2012-07-17T17:00:09.000+0000" } ], "maxResults": 8, "total": 8, "startAt": 0 } } }