到底是RWD（响应式网页设计）好还是AWD好？

时间：2024-05-15 15:30:01 | 来源：建站知识

时间：2024-05-15 15:30:01 来源：建站知识

没有RWD或AWD的网站到底会怎样？先讲结论，网站流量会暴跌，RWD跟AWD就是可移动端浏览的网站，而现在用移动设备上网的比例超过80%，而且搜索引擎已经以移动端网站表现为排名依据，简单来说没有移动版的网站等于宣告死刑，无法被搜索的网站有什么用？没有RWD的网站请赶快改版，RWD、AWD都不是很新的技术了，已经是成熟的技术，而且模板网站费用没有很高，赶快改版才是当务之急。

RWD（响应式网页设计）是什么?

RWD(响应式网页设计)可以自动适当显示于各种不同装置，包含桌机、手机、平板...根据不一样的屏幕大小设计友善的阅读界面，网站可以被各种人群阅读。常用阅读解析度: 电脑版宽度：1024px以上，平板装置宽度720px ~ 1024px之间，手机装置宽度：320px ~ 720px之间，当不同宽度时，RWD就会显示不一样的排列方式，如果是AWD是不会这样变化的，所以谷歌浏览器的移动视窗是没办法检测AWD的。

相关内容：为啥企业网站需要响应式网页设计（RWD）？

AWD (自适应式网页设计)是什么?

AWD跟RWD存在目的一致，希望在PC、平板、手机都能显示最佳画面，RWD是随着视窗大小缩小、放大，如果是AWD则不会随着视窗「即时」放大放小，AWD会有属于自己的判断设备大小的程序，然后会以不同的CSS达成一样的效果，至于RWD比较好还是AWD比较好，继续看下去。

RWD与AWD的比较

PC、手机内容元素不完全一致，RWD在PC、手机内容是完全一样，AWD会针手机内容做优化，减少不必要的大图，提高手机版的速度，RWD如果内容很多，手机跑起来会慢一点，因为都是同一套CSS ，PC用的图、文、效果会完整呈现在手机上，手机性能、网速没有PC好的时候，当然会比较吃力。 AWD的PC、手机画面是不同的，不同设备的CSS是分开维护，后端也有部分是分开维护。

两种都会判断设备

RWD会根据设备的画面宽度去判断展示怎样的网站。AWD是判断设备是哪一种，是PC就跑PC的CSS，是手机就跑手机的CSS，从网址来看两者都是一样的网址，RWD跟AWD都没有像以前分成不同网址，不同网址流量会分散难免会影响SEO，AWD跟RWD都是一样的网址，不影响SEO。

RWD之间还是有优劣

每家网站建设公司都声称自己有RWD设计的能力，实际上RWD有分成自己切RWD(前端工程)跟模板RWD(Bootstrap)，自己切版就是先做设计再把画面手切图变成HTML，套用就是先依照Bootstrap的模板上设计给您，手工切版耗时、麻烦，但是网站建设公司拥有技术可以随意修改版面，Bootstrap方便省事难修改，大部分网站建设公司都是用Bootstrap，Bootstrap的缺点是「架构不调整就无法提升速度」，虽然手工切版成本高、制作时间长，如果有SEO需求当然是以手工切版为优先，可以顺利将网站架构最佳化。

该怎么选择?

项目RWD响应式设计AWD自适应设计不同设备单一网址单一网址单一网址网站内容一致内容一样不一定自动判断各种设备自动判断自动判断移动设备速度速度中等速度较快移动设备体验优化固定内容可优化网站制作费(定制)中等较高网站资料维护维护容易部分维护多版本开发时间快速时间较长结构重复内容不会发生偶尔发生网址重新定向不会重定向不会重定向移动网站加载速度中等较快Google检索速度快快适合执行SEO适合适合框架开发工具多少网建公司使用率高低手工网站切版可以可以

网站内容是多还是少?

像淘宝、京东等电商网站，你会发现大部分都不会是RWD设计的网站，通常都是AWD设计的网站。购物网站比较适合AWD，AWD可以针对手机版做更有效的配置与使用者体验(UX)，不是RWD不能用在购物网站，而是AWD相对更适合内容繁杂的购物网站，反之RWD非常适合简单内容的企业网站。

有多少预算?

RWD在上线后的维护是比较容易的，AWD维护上较繁琐，上线前的制作成本AWD略高于RWD，所以如果您制作与维护上的考量，还是选择RWD比较划算一点点，还有AWD的开发时间是略多于RWD的，如果您时间上不允许，可以选择RWD。上线后的前端修改。维护上AWD比RWD容易，因为可以分开调整。

是否更重视手机端的使用者体验(UX)?

如果更重视手机版的使用者体验(UX)，那就建议用AWD制作，因为RWD为了同时满足各种设备的适应性，一定会牺牲很多画面与功能，AWD因为跟PC是分开的界面，AWD可以针对手机使用者开发更为友善的界面，如果希望手机可以得到更棒的体验，AWD是优于RWD的。

结论

根据我们的经验，如果您的网站内容简单可以选RWD，例如: 企业型网站。如果您是很依赖手机端，并且网站内容也很丰富的网站，例如: 购物网站，那么建议您用AWD制作，无论是将来的修改速度、弹性、操作优化，都会比RWD好。