Mobile WebKit Optimizations & Tools
•
2 likes•1,008 views
Slides from my August 10, 2011, presentation to the Mt View JavaScript Meetup.
Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to Mobile WebKit Optimizations & Tools
Similar to Mobile WebKit Optimizations & Tools (20)
Recently uploaded
Recently uploaded (20)
Mobile WebKit Optimizations & Tools
- 1. Mobile WebKit Optimizations & Tools Andrew Hedges Lead Engineer, Tapulous @segdeha 1
- 2. 2
- 3. 3
- 4. 4
- 5. 5
- 6. 6
- 7. 7
- 9. Reduce the number of requests • concatenate and/or inline CSS & JS • image sprites • inline, base64 binary assets 9
- 10. Send fewer bytes • gzip text resources • uglify/minify CSS & JS • properly compress images • use cookie-less hosts for static assets • leave out unnecessary tags? 10
- 11. Cache aggressively • HTML5 cache manifest • localStorage • custom, in-app caching • reference in-app resources? 11
- 12. Leverage CSS3 • transforms, transitions, animations • gradients (& other techniques) in place of images • 9-slice borders using border-image 12
- 13. Use JavaScript conservatively • use touch events • reduce the use of closures • only execute the code you need 13
- 14. Donʼt reinvent the wheel • Zepto • jQTouch • iScroll • underscore.js & backbone.js 14
- 15. Tools of the trade • Charles Proxy • Weinre 15
- 16. Questions? andrew@hedges.name @segdeha 16