4 Little known ways to build mobile optimized websites suggested by Google
Couple of things I picked up which I haven't read elsewhere are shared below. If you have more tips, let the Hacker News community know.
1. If you have dynamic serving on your website, ensure we send a vary: http header. 2. Optimize for finger clicks rather than cursor clicks. For important links, we should have minimum 7mm width/height (48 CSS pixels) and for lesser important links, minimum of 5 mm. 3. Line spacing is important. Minimum 1.2 em. 4. Load time matters- a lot. Average mobile website page load takes 7 seconds. In Google's tests, 1 second is the point beyond which people get distracted. If we consider 1 second (1000 ms), 600 ms goes as mandatory 3g overhead in mobile. So we are left with 400 ms to load the site (200ms for server response time and 200ms for client side rendering).