Responsive website vs. adaptive Web site comparison

Adaptive website (adaptive Site) should change the width of the browser without adjusting the position of the page elements, scaling the page elements to fit in the available space.

Responsive website (responsive Website) should change the width of the browser by Adjusting the position of the page elements to fit the in Available space.

PS: I don't know why many people confuse adaptive websites with responsive Websites. (adaptive website = Responsive Website)

Comparison of development difficulty

Adaptive web site development is more complex (different screen adaptation Control) and simple (independent of the PC side), but easy to maintain and debug (only the mobile side of processing events).

Responsive web sites are relatively simple to develop (just adjust through media queries) and complex (much more coupled with Pc-side page elements), but are not easy to debug and maintain (binding on mobile and mobile-side processing events).

Page Performance Comparison

Adaptive Web site only mobile side layout and style (less content), download to the browser immediately display, so performance is Fast.

Responsive web site not only has the mobile layout and style, as well as the layout and style of the PC (more content), downloaded to the browser after the page layout adjustment and display, so slow performance.

PS: Responsive web site also has the method of lifting high performance, is to load different media query style for screen, load resources selectively. But performance is still inferior to adaptive web Sites.

User Experience Comparison

Responsive web site to ensure that the pc-side and mobile-side consistency, streaming Layout.

The adaptive website ensures a more mobile-friendly experience.

SEO Comparison

Adaptive sites are not easy to aggregate site weights, but can be aggregated by redirection.

Responsive web site is easy to gather weight, easy to move the weight of the pc-side and weight overlay, improve the site rankings.

Summary: recommend the development of adaptive web sites, the pursuit of performance and user Experience. (most Internet companies are separated from the mobile end of the web Pc)

Response to really maintain a headache, more bugs, bad Treatment.

Responsive website vs. adaptive Web site comparison