什么是自适应网站？其实自适应更专业的说法是响应式网站。在2010年5月，Ethan Marcotte提出的响应式网站的概念，通俗的说，就是一个网站可以兼容不同的终端，不用为每个分辨率设备做一个特定的版本的网站。近年来，各种大屏幕移动设备的普及，响应式网站也受到了更多人的青睐。甚至大多数的人认为，响应式网站是实现友好移动目标，更好、更快、更省的方案。

响应式网站有几个致命缺点：

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

不管是自适应设计，还是响应式设计，它们的基本原则是：尽可能不要因为设备不同而导致显示内容不一样。例如显示在电脑1440×900分辨率屏幕上的内容，要在手机的320×240分辨率屏幕上显示，你会发现，可视区域变小，内容都挤一起，页面拉长，排版顺序错乱，使用困难度增加等等。所以自适应和响应式设计，都是选择性把内容隐藏，以适应小页面，减少上述的问题出现。但这样一来，页面的表现效果就没那么理想了，交互体验也达不到移动端的最优。
腾讯、天猫、360等大型网站的做法：个性化的宫格布局，流行的移动端界面，合理地显示网站信息。显然这些才是我们所熟悉的移动端表现，交互上更贴近APP的UI风格，更好的用户体验。为什么他们能把网站在移动端的表现处理得如此好？因为他们都是专门做了一个移动版的网站，并没有采用自适应设计，因此，网站的设计没有受到自适应方案的限制。

2.响应式设计会影响搜索引擎对网站关键词优化和排名。

因为用户在不同终端的搜索习惯不同，所以百度对移动网站和电脑网站的关键词处理策略也不相同。而对于响应式的方案，不同终端访问到的网页代码是一样的，这样就不能在电脑端和移动端设置不同的关键词。这无疑是给百度关键词优化增添了大大的阻碍。

另外，百度的搜索排名也是有移动端和电脑端之分的。针对这方面，更适合使用独立的移动端网站专门做移动端的百度排名，这样不会影响电脑端的百度排名，两个版本的网站百度优化也可以独立进行。#p#分页标题#e#

所以，如果你的网站需要进行商业推广的话，那还是独立做一个移动版网站更好，而不是使用响应式网站。

3.响应式网站无法区分移动端，浪费带宽，加载耗时长。

响应式（自适应）设计的实现方式，往往是缩小或者隐藏电脑版网站的内容，使之适应移动端的窄屏。但隐藏的内容依然会加载，低分辨率设备会加载高质量的图片或者视频，不分屏幕尺寸都提供相同大小的网页。这样的话，响应式网站加载的内容相比非响应式网站会增加20-50%。加载内容多，速度慢，浪费流量。在国内高流量费面前，用户是想都不用想就会放弃使用你的网站的。

响应式网站相对非响应式网站的加载耗时，一般都会延长1-2秒，在2G、3G网络情况下更严重。而Google统计的数据是加载时间每延长0.4秒就会有0.59%的用户流失，电商类代表亚马逊则表示每延长0.1秒就会有1%的用户流失，资讯门户类的雅虎则是每延长0.4秒就会流失5-9%的用户。所以你的响应式网站每天流失了多少用户，你可以对号入座算一算。

转载请注明：一席外贸SEO推广 » 响应式网站遇到的坑