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
After ATF is ready
• Load rest of your content
• Use ATF experience:
current performance, screen density, bandwidth
• Make decisions: HD/SD
4- responsiveness & experience
- consistent frame rate
- immediate feedback
- scrolling
- your new enemy
Keep framerate high and consistent
• Main UI thread as free as possible
• Avoid repainting (software bitmap calculations)
consistent fps
JavaScript
framerate
• Avoid DOM manipulations inside loops/scroll
var e = document.querySelector("#test");
for (var i=0; i<100; i++) {
// change e attributes
});
JAVASCRIPT