40. webapps
Web View on Android!
1- WebKit from 2.x to 4.3
2- Chromium 30 on 4.4
3- Chromium on Samsung
4- Chromium on Fire OS
41. webapps
Web View on Windows
!
1- IE 10 on Windows (Phone) 8
2- IE 11 on Windows (Phone) 8.1
42. 1- mobile web today
- Understand the real ecosystem
- Android browsers
- Don’t think you are an average user
- Webapp solutions
- May change future
43. 2- mobile & performance
- Perception
- Differences
- Cellular networks
- Responsive Web Design
- Some data
83. Proxies / Network sniffers
• Charles Proxy
• Fiddler
tools
Image from telerik fiddler
84. Connection simulators
• Charles Proxy
• Clumsy for Windows
• Network link conditioner from Xcode
• Net Limiter for Windows
• SlowyApp for Mac
tools
132. Responsive Web Design
• Using same URL for mobile/desktop still a good a idea
• Mix it with RESS / adaptive web design
• Load media queries CSS async
• Use server-side libraries
• WURFL or DeviceAtlas
133. After ATF is ready
• Load rest of your content
• Use ATF experience:
current performance, screen density, bandwidth
• Make decisions: HD/SD
139. 4- responsiveness & experience
- consistent frame rate
- immediate feedback
- scrolling
- your new enemy
140. Keep framerate high and consistent
• Main UI thread as free as possible
• Avoid repainting (software bitmap calculations)
consistent fps
141. JavaScript
framerate
• Avoid DOM manipulations inside loops/scroll
var e = document.querySelector("#test");
for (var i=0; i<100; i++) {
// change e attributes
});
JAVASCRIPT
164. you can reach a good experience
Pictures)from)freedigitalphotos.net)
thank you!
twitter: @firt
mobilexweb.com
firt.mobi/pmw
Book signing:
Thu 10.45am