Download to read offline
Uploaded byCyrille Savelief
MNCC - 2013-09-27 - GWT & PhoneGap
Cyrille Savelief is the CSO of MNCC. The document discusses how to optimize mobile apps for performance. It recommends writing code in HTML, CSS, and JavaScript and deploying to app stores for iOS, Android, and Windows Phone. It provides tips for optimizing apps such as removing dead code, inlining code, zipping files, and perfect caching. The document stresses that good engineers with web experience are key to an optimal user interface, not the programming language alone. It offers additional recommendations for layout, animation, images, and text to improve app performance.
More Related Content
MNCC - 2013-09-27 - GWT & PhoneGap
- 1.
- 2. What it isand how it works. What it is and how it works. How to make them work together. Get answers to your questions.
- 5. Deploy on Apple Store,Android Market and Windows Marketplace. Write your code in HTML, CSS and JavaScript. Create mobile apps for iOS, Android and Windows Phone.
- 9. The fastest codeis that which is neither downloaded nor ran. “ ”
- 11. • Dead coderemoval • Inlining • Renaming • Zipping • Perfect caching • Deferred binding
- 22. The way youget an optimal UI is by hiring good engineers with web experience, not by language choice. “ ”
- 25. • First download: only one file! • Only include the minimum amount of JavaScript code necessary to launch the app. • Only include the minimum amount of CSS & texts/images necessary to launch the app. • Automatically generate HTML5 cache manifest1. 1. http://www.html5rocks.com/en/tutorials/appcache/beginner/
- 26. • Layout &animation : use CSS, not JavaScript! • Layout : use flexible box model1. • Animation : use transition2 and keyframe3. • CSS : avoid nesting selectors and background images. 3. http://coding.smashingmagazine.com/2011/05/17/an-introduction-to-css3-keyframe-animations/ 2. http://www.html5rocks.com/en/tutorials/speed/html5/ 1. http://www.the-haystack.com/2012/01/04/learn-you-a-flexbox/
- 27. • CSS :remove unused rules and avoid nesting selectors. • Images : use sprites and ensure that images width/height are not bigger than there max-width/max-height. Inline background images! • Texts : avoid duplication and load texts asynchronously whenever possible.
- 28.
- 29. Don’t hesitate tocontact with me. I will be happy to answer your questions.