Mobile web and RWD strategy

  • Deliver each document to all devices with the same URL and the same content, but not necessarily with the same structure.
  • Mobile-first approach.
  • Test on real devices (iOS, Android, Windows).
  • Use optimization tools to measure and improve performance (Eg: Google PageSpeed Insights).
  • Deliver responsive images via JavaScript.
  • Load only the JavaScript for the current device with conditional loading, or after the onload event.
  • Inline the initial view of a document for mobile devices, and deliver above-the-fold content first.
  • Apply a smart responsive solution with one or more of these techniques: conditional loading, responsiveness according to group, and a server-side layer (Eg: adaptive approach).
  • Without relaying certain viewport widths define breakpoints according to content flow.