为什么响应式（自适应）网站是一个坑
稿源：站长之家用户
什么是自适应网站？其实自适应更专业的说法是响应式网站。在2010年5月，Ethan Marcotte提出的响应式网站的概念，通俗的说，就是一个网站可以兼容不同的终端，不用为每个分辨率设备做一个特定的版本的网站。近年来，各种大屏幕移动设备的普及，响应式网站也受到了更多人的青睐。甚至大多数的人认为，响应式网站是实现友好移动目标，更好、更快、更省的方案。
但事实又是否这样呢？对热衷响应式或自适应的人，不难想象：网站适应了移动设备的显示，界面也非常美观，你可能觉得一切都很好，网站也实现了友好移动的目标。然而不要开心得太早，数据表明：这种响应式设计，会令你的用户和经济效益流失30-50%。
想知道真相是什么？因为自适应和响应式根本就是一个坑！响应式网站有几个致命缺点：
1.响应式设计仅是改善移动体验并没达到最优化。
不管是自适应设计，还是响应式设计，它们的基本原则是：尽可能不要因为设备不同而导致显示不同的内容（比如在低分辩率的终端上会删减某些内容）。试想，显示在电脑分辨率屏幕上的内容，要在手机的320x240分辨率屏幕上显示，你会发现，可视区域变小，内容都挤一起，页面拉长，排版顺序错乱，使用困难度增加等等。所以自适应和响应式设计，都是选择性把内容隐藏，以适应小页面，减少上述的问题出现。但这样一来，页面的表现效果就没那么理想了，交互体验也达不到移动端的最优，把控不好网站就会给用户不伦不类的感觉。
某响应式网站在移动端上的显示缺陷(右侧为移动版)
例如上面的响应式网站，右边移动端明显将在左边电脑端有展示的产品都隐藏了，这对从电脑端切换到移动端的用户是很不友好的。而且移动端的交互设计也不是我们熟悉的。还有很明显的一点是，同一个网站风格差异却如此大，感觉就是两个网站。如果是单独设计的移动网站，它就能避免像上面响应式网站那种显示上的突兀，例如下面的一些电脑端和移动端网站的对比：
腾讯网的电脑版和移动版对比
天猫商城的电脑版和移动版对比
360官网的电脑版和移动版对比
从上面腾讯、天猫、360等它们的做法看到：个性化的宫格布局，流行的移动端界面，合理地显示网站信息。显然这些才是我们所熟悉的移动端表现，交互上更贴近APP的UI风格，更好的用户体验。为什么他们能把网站在移动端的表现处理得如此好？因为他们都是专门做了一个移动版的网站，并没有采用自适应设计，因此，网站的设计没有受到自适应方案的限制。
2.响应式设计并不利于百度的关键词优化和排名。
因为用户在不同终端的搜索习惯不同，所以百度对移动网站和电脑网站的关键词处理策略也不相同。而对于响应式的方案，不同终端访问到的网页代码是一样的，这样就不能在电脑端和移动端设置不同的关键词。这无疑是给百度关键词优化增添了大大的阻碍。
另外，百度的搜索排名也是有移动端和电脑端之分的。针对这方面，更适合使用独立的移动端网站专门做移动端的百度排名，这样不会影响电脑端的百度排名，两个版本的网站百度优化也可以独立进行。
所以，如果你的网站需要进行商业推广的话，那还是独立做一个移动版网站更好，而不是使用响应式网站。
3.响应式网站无法区分移动端，浪费带宽，加载耗时长。
响应式（自适应）设计的实现方式，往往是缩小或者隐藏电脑版网站的内容，使之适应移动端的窄屏。但隐藏的内容依然会加载，低分辨率设备会加载高质量的图片或者视频，不分屏幕尺寸都提供相同大小的网页。这样的话，响应式网站加载的内容相比非响应式网站会增加20-50%。加载内容多，速度慢，浪费流量。在国内高流量费面前，用户是想都不用想就会放弃使用你的网站的。
响应式网站相对非响应式网站的加载耗时，一般都会延长1-2秒，在2G、3G网络情况下更严重。而Google统计的数据是加载时间每延长0.4秒就会有0.59%的用户流失，电商类代表亚马逊则表示每延长0.1秒就会有1%的用户流失，资讯门户类的雅虎则是每延长0.4秒就会流失5-9%的用户。所以你的响应式网站每天流失了多少用户，你可以对号入座算一算。
4.响应式对于ie6,7,8浏览器简直是悲剧。
响应式或者自适应方案里，运用了很多html5新特性，而这些新特性只有高级的现代浏览器才支持，而在ie6,7,8来说几乎是看不了的，甚至在ie9,10的表现也只是差强人意。从cnzz数据中心统计的国内浏览器使用率来看，ie占比高达36.29%。请问你能承受36.29%的用户流失吗？
响应式网站在IE上体验或将失去36.29%的用户
现在你是否已经察觉，不管是淘宝、天猫、京东、唯品会，还是腾讯、百度、新浪、360为什么都不用响应式了吧？我们丝毫不会怀疑：响应式或自适应仅仅是一个坑。而正确的做法是分开建设电脑端和移动端网站。专门建设一个移动版的网站才是可行的法则，这样才能更灵活，提供更专业、更优的移动体验和个性化、多样化的设计。
我们可能会疑问为什么市场上响应式网站会那么火？真相是，响应式或自适应设计，仅是是设计师的主观决定，他们认为电脑网站界面不再适用移动网站界面，然后非作出相应的改变不可。甚至存在更可笑的情况，程序员为了卖弄技术而使用响应式，建站公司为了显得更高大上多骗点钱而抛出响应式等等。响应式的运用在很多情况下都是没必要的，也没什么值得大家去追棒。
所以我们的建议就是：最好为你的电脑网站推出移动版本，将关注重点要放在网站信息展示、网站性能、用户体验、经济效益、用户留存等关键点上。
这里或许还有一件事，可能你并不知道，响应式之父Ethan Marcotte还说过，&最重要的是，响应式网页设计的初衷不是要取代移动网页&。
有好的文章希望站长之家帮助分享推广，猛戳这里
本网页浏览已超过3分钟，点击关闭或灰色背景，即可回到网页发布轻博客网站开发：响应式好还是电脑与手机分开好_百度知道
网站开发：响应式好还是电脑与手机分开好
我有更好的答案
一般来说，响应式的话就不再需要单独再去搞手机或其他的网站的了，一个网站就可以了，对企业或个人建站来说肯定是好的，响应式网站可以用n icebox弄，希望可以帮到你。
采纳率：79%
来自团队：
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。移动端建站 为什么不推荐响应式网站？ - A5创业网
扫一扫，联系编辑获得审核机会
符合以下要求，获得报道机会
1. 新公司求报道
2. 好项目求报道
3. 服务商求报道
4. 投资融资爆料
客服热线：400-995-7855
当前位置：&&&
移动端建站 为什么不推荐响应式网站？
& 17:20&&来源：A5企业专栏&
　　响应式网站,通俗的说，就是一个网站可以兼容不同的终端，用户在访问网站时，网页可以根据屏幕的大小，自动适应，不用为每个分辨率设备做一个特定版本的网站。然而响应式网站看上去很美，却并不推荐大多数用户使用。
　　近年来，各种大屏幕移动设备的普及，响应式网站也受到了更多人的青睐。甚至大多数的人认为，响应式网站是实现友好移动目标，更好、更快、更省的方案。然而不要开心得太早，数据表明：这种响应式设计，会令你的用户和经济效益流失30-50%。
　　想知道真相是什么?因为响应式网站有几个致命缺点。
　　第一：响应式网站不能自由布局，做不到移动端的优化体验。响应式网页不能自由布局，文字或图片元素只能删减，不能增加，图文只能更新，无法拖动位置，图片无法放大或者缩小，也就是说所有的元素都是被锁死的。前端程序员花了很长时间优化，最后悲伤地发现，一旦PC端允许用户可以增加或者拖动编辑图文，在手机端就的展示就会混乱，顾此失彼。另外，PC端展示和移动端展示存在很多不一致，例如在手机端就没有办法呈现鼠标滑过悬停的效果。
　　第二：响应式设计对搜索关键词优化和排名不友好。搜索引擎对于PC网站和移动网站的收录和关键处排名的策略不一致。一套代码的响应式网站就增添了搜索引擎的处理障碍。独立的移动端网站和PC网站还是单独开发为宜，这样能更好地SEO优化工作。
　　第三：响应式网站移动端浪费带宽，加载耗时长。响应式网站一般是基于PC端来设计的，一般会使用高质量的图片和视频，在移动端要访问同样大小的图片或视频，会浪费很多流量。如果一个PC页面的达到4M，在手机端打开就会慢，加载不充分。响应式(自适应)设计存在大量的冗余代码，会消耗大量的流量。在国内高流量费面前，用户是想都不用想就会放弃使用你的网站的。
　　从上面的分析可以看出，响应式网站并不能取代移动网页，其价值是作为PC端网站一个移动端小补充，聊胜于无。如果要做移动端商业推广，还是单独开发移动端网站为佳。响应式之父Ethan Marcotte也说过，&最重要的是，响应式网页设计的初衷不是要取代移动网页&。
　　国内知名的微企点H5自助建站最早也是进军响应式建站，但在发现了响应式网站的弊端之后果断转型，推出PC端和手机端分别建站的新版本。微企点放弃响应式设计，将PC端和手机拆分分别设计，实现了自由布局和动态交互，在PC和手机展示都可以做到最优化，有利于搜索引擎和网页加载，之前的问题都不存在。
　　作为灵活的自助建站平台，微企点对于想要实现响应式效果的用户提供了新的思路，微企点为用户提供网址共享，后台自动响应，随机应变，访问同一个域名，PC访问推送PC网页，手机访问推送手机网页，给终端访问更好的体验。
　　说了这么多，如果你还是有所不解，不妨看看淘宝、天猫、京东、腾讯、百度、新浪&&为什么他们要分开建设电脑端和移动端网站。
　　最后，我们的建议就是：最好为你的电脑网站推出移动版本，将关注重点要放在网站信息展示、网站性能、用户体验、经济效益、用户留存等关键点上，这样才能更灵活，提供更专业、更优的移动体验和个性化、多样化的设计。
扫一扫关注A5创业网公众号
责任编辑：扬扬&&&/&&&作者：建站老兵
选择米拓建站，其实就是选择一种理性的建站方式，之所以定义为理性，是因为米拓自2009年起就专注于企业建站系统的开发，无论是质量、功能还是价格，米拓建站都拥有较为明显的比较优势，大家可以从客户案例和业内口碑获得更多的信息。
传统官网的形式大家并不陌生。人们早已习惯，不论是产品推介还是公司新闻，不论是图片还是视频，企业官网都能让浏览者一目了然。但当这些内容呈现在移动终端设备上时，鉴于屏幕大小的局限性
很多人分不清楚什么是手机网站，什么是微官网，更多的人更是把两者混为一谈，虽然这对日常使用没有什么问题，但如果需要建站的话，那可要闹笑话了哦。接下来，我们就为大家介绍一下手机网站与
简单来说就是通过相关技术搭建适合于手机浏览的web页面，其本质与电脑浏览的互联网网站无太大的区别。手机用户的日益增多更使手机建站逐渐开始普及。手机建站在网络行业中有广阔的市场和广
随着网络技术和网站的不断发展，越来越多的中小型企业开始建立官网，在选择建站系统时为了节省时间，他们往往更偏向于极速建站系统，目前市场上都有哪些极速建站系统?为什么一些中小型企
随着云计算近年来的火热，企业上云也成为了热门的话题。企业上云是指企业利用网络技术,将企业的基础系统、管理及业务部署到云端,从而获取云服务商提供的计算、存储、软件、数据等服务,以此更好的促进企业的发展进步。
SSL证书品类众多，很多用户都不太知道各个品牌的SSL证书之间究竟有什么区别，环度网信根据平时用户的关注点整理了如下对比。Let'sEncrypt市场占有量第一，很大原因是该证书提供了免费的申请方式，如果您是个人网站，且具有一定的专业知识，可以申请这款证书进行测试。这款证书优点是免费。
随着WordPress系统的越来越完善，越来越多中小型企业都投入至其中，无论是企业的门面，还是企业的商务系统平台，WordPress之强大的CMS功能皆可一一做到，更重要的是WordPress简单易用
大部分中小企业应该对自助建站平台不会陌生，它是由建站公司事前上传好制作精美的网站模板，企业只要按照自己需求，选择相关行业网站模板就可以进行网站搭建。伴随自助建站系统的升级，现在的自助建站平台具备更好的模式，更强大的功能
随着移动互联网的发展，拥有一个手机网站成了企业的标配。微企点发现，很多时候手机网站建设大家都会选择企业建站模板进行建站，虽然选择企业建站模板建站比较便捷，但是手机网站建设仍有很多需要注意的地方
创业好项目
写了4年多博客 我选择了从头再来
扫描二维码关注A5创业网了解最新创业资讯服务
&徐州八方网络科技有限公司&版权所有&
举报投诉邮箱：
扫一扫关注最新创业资讯An error occurred on the server when processing the URL. Please contact the system administrator.
If you are the system administrator please click
to find out more about this error.