Mobile Optimization and Responsive Web Design (RWD)



RESS Responsive Web Design with Server Side Detection

Mobile devices have displaced laptops as the most popular way to surf the Web. As a result, companies are taking Responsive Web Design (RWD) to the next level by integrating WURFL for improved mobile network optimization and ensure great mobile web performance.

Research and evidence from the Mobile Overview Report (MOVR) indicates the expansion, fragmentation, and pace of change in mobile devices is accelerating. Web designers want their pages to respond appropriately when different devices use them, or when pages are resized. Pairing Responsive Web Design with a device detection solution is the most effective way to ensure mobile web performance works the way their designers intend.

Isn’t Responsive Web Design Sufficient?

Responsive Web Design (RWD) is a great framework for delivering a single code base that will make a web site look good on both mobile and desktop devices. RWD sites looks good, but are they optimized for performance? Do responsive pages load quickly? Does RWD effectively identify and handle the vast array devices encountered in the real world. The evidence says no.

For example, RWD will typically use media queries to determine the size of the viewport to identify the device and respond with a layout that is appropriate. For example, the media query says the viewport is 480 pixels – so it is a smartphone, right? Well, maybe not. It might be a desktop with a resized window.  Or a feature phone with a nice screen. In each case, you need different layout, content, navigation, and optimally-sized images to deliver the best experience and performance. To do this, you need fast and reliable information about the device and its capabilties to make adjustments in real time.

Integrate Device Detection for RESS or Adaptive Design

Companies concerned about mobile web performance and ensuring a strong, universal mobile experience take RWD to the next level. They integrate the power of server-side device intelligence with RWD.  Developers call this RESS (an acronym standing for REsponisive web design with Server Side detection) or Adaptive Design. With WURFL and a few lines of code, developers can use the user agent in the HTTP request to query the WURFL DDR and extract intelligence about the user’s device. You can choose from over 500 device capabilities to build logic within your own website or application. For example, developers may segment devices into smartphones, desktops, tablets, and feature phones. Based on this segmentation and other capabilities (OS, touch screen, media capabilities), the user experience may be designed differently and delivered with appropriately sized content.

Several WURFL product options are available to optimize mobile web performance:

  • WURFL InFuze gives developers a high-speed C++ API, with options to build integrate WURFL capabilities into any application running on their Apache or NGINX servers. WURFL InFuze also offers a module for Varnish Cache and HAProxy Load Balancer.
  • WURFL OnSite provides a flexible, open DDR that developers can control and integrate into their own applications via WURFL’s APIs
  • WURFL.js Business Edition is an easy-to-use javascript-based solution that will detect iPhone, iPad, and all other device models. With a single javascript snippet that works with ScientiaMobile’s always-updated cloud-based Device Description Repository (DDR), developers can control, optimize, and track the success of their website
  • WURFL Cloud delivers an easy to maintain solution which is affordably priced for those with limited usage requirements