Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Responsive Web and Adaptive Web: The Pros and Cons

DZone's Guide to

Responsive Web and Adaptive Web: The Pros and Cons

Responsive and adaptive web development are often lumped together because each helps to address layout on a variety of devices for the benefit of user experience. But, there are key differences in the cost of development and performance once deployed.

· Web Dev Zone
Free Resource

Learn how to build modern digital experience apps with Crafter CMS. Download this eBook now. Brought to you in partnership with Crafter Software

Both responsive web design (RWD) and adaptive web design (AWD) enhance the user experience across different devices. But digital teams ramping up their web development and test coverage efforts should bear in mind the key differences between RWD and AWD.

RWD uses one layout and scales down website elements to fit the screen. Conversely, AWD doesn't use a single layout that changes with each screen size, but rather multiple layouts designed for various screens. This is more expensive to build, but AWD delivers a more precise mobile web experience because pages are rendered based on what mobile users care about the most. For instance, airlines often have a completely different website layout for mobile than desktop to provide quick access to "check-in," "flight status," and "book a flight" features.

Responsive Web: The Importance of Client-Side Performance Testing

With AWD, images are resized rather than scaled down, and ads and JavaScript that are not needed on a mobile website are eliminated. Therefore, when AWD code is written efficiently, load times are faster than RWD.

However, AWD is not always speedier. AWD sites will only work on screen sizes for which there's an existing layout and an organization may not have a layout for every new device. On the other hand, if RWD code is written efficiently the site will work well on any new device and screen size.

For more details on the differences, the pros and the cons of these two web design types, see the chart below.

Responsive Web Design


Crafter is a modern CMS platform for building modern websites and content-rich digital experiences. Download this eBook now. Brought to you in partnership with Crafter Software.

Topics:
adaptive web design ,responsive web design ,performance

Published at DZone with permission of Shane O'Neill. See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}