响应式（自适应）网站的优点，缺点大PK

近年来，各种大屏幕移动设备的普及，响应式网站也受到了更多人的青睐。甚至大多数的人认为，响应式网站是实现友好移动目标，更好、更快、更省的方案。通俗的说，就是一个网站可以兼容不同的终端，不用为每个分辨率设备做一个特定的版本的网站。

那么响应式有什么优缺点呢？咱们接下来扒一扒……

H5响应式网站有什么优势

1)提升用户体验，降低网站跳出率

页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。无论用户正在使用什么设备，网站页面都能够自动切换分辨率、图片尺寸及相关脚本功能等；换句话说，响应式网页设计就是一个网站能够兼容多个终端，很大程度上减少企业建站成本的投入。

用户体验的提升，持续不断的为用户传播品牌价值以及营销信息，降低用户的跳出率，最终为达成合作创造机会。试想一个加载不全、模糊不清、甚至扭曲排版的页面，浏览者一定会在第一时间点击“关闭”按钮，因为现在用户的选择机会太多了。因此，企业网站是不是响应式是营销成功的第一步。

2）优化转化率，传播更高效

响应式网站可以兼容任何设备，并且很好的保留了网站原先想要突出的重点，例如导航条、中心布局里的内容以及重点消息等。这样会更利于传播，更快的将浏览转化为流量、更好的将流量转化为利益。

据统计，现在已经超过50%的互联网用户使用手机端进行浏览，因此尽快把营销视线转移到手机端的网站建设上来，这是营销转换的重要点。

3）搜索引擎的偏爱，高排名占据先机

现在许多搜索引擎巨头，都更“偏爱”响应式网站，尤其是谷歌，它会更喜欢优化响应式设计的网页。H5响应式网站更容易被谷歌等搜索引擎抓取、索引，最终对网站SEO优化起到很大的帮助，像很多企业运用H5自助建站系统建站宝盒搭建的响应式网站，其网站的收录量明显比传统网站好很多，排名效果也着实让人满意。因此为了更好的搜索引擎优化，你的营销战略里也应该放进建设响应式网站这一点。

4）时间和成本的双重效率

现在的H5响应式网站是时间和成本的双重效率，因为它不仅可以节约建设的时间，同时还降低了建站的成本。因为在过去想要实现响应式网站，那就需要针对每一种不同的设备进行网站建设，这是一件费时又费力的事情。但是现在，基于设备的特性以及屏幕分辨率，一个H5响应式网站就可以解决企业建站的问题，实现全网覆盖，转化机会也会随之提高，最终赢得营销的胜利。

H5响应式网站有什么略势

对热衷响应式或自适应的人，不难想象：网站适应了移动设备的显示，界面也非常美观，你可能觉得一切都很好，网站也实现了友好移动的目标。然而数据表明：这种响应式设计，会令你的用户和经济效益流失30-50%！！！

什么？！响应式竟然是个坑！

1.响应式设计仅是改善移动体验并没达到最优化。

不管是自适应设计，还是响应式设计，它们的基本原则是：尽可能不要因为设备不同而导致显示不同的内容（比如在低分辩率的终端上会删减某些内容）。试想，显示在电脑1440x900分辨率屏幕上的内容，要在手机的320x240分辨率屏幕上显示，你会发现，可视区域变小，内容都挤一起，页面拉长，排版顺序错乱，使用困难度增加等等。所以自适应和响应式设计，都是选择性把内容隐藏，以适应小页面，减少上述的问题出现。但这样一来，页面的表现效果就没那么理想了，交互体验也达不到移动端的最优，把控不好网站就会给用户不伦不类的感觉。

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%的用户