Responsive website vs. adaptive Web site comparison

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.