响应式和自适应网页很好

什么是自适应网站？事实上，更自适应的参数是响应网站。 2010年5月，Ethan Marcotte的响应式网站的概念，就外行而言，网站可以与不同的终端兼容，而无需为每个分辨率设备制作特定版本的网站。近年来，各种大屏幕移动设备的普及，响应性的网站也受到更多人的青睐。甚至大多数人都认为响应式网站是一种更好，更快，更经济的解决方案，可以实现友好的移动目标。

但情况如此吗？对于那些有响应或自适应的人来说，不难想象：网站适应移动设备的显示，界面也很漂亮，你可能觉得一切都很好，网站也达到了友好移动的目标。但是，不要太高兴，数据显示这种响应式设计将失去30-50％的用户和经济效益。

想知道真相是什么？因为自适应和响应是一个坑！响应网站有几个致命的缺陷：

1.响应式设计只是为了改善移动体验而不是优化。

无论是自适应设计还是响应式设计，基本原则是：尽量不要因为不同的设备而显示不同的内容（例如删除低分辨率终端上的某些内容）。想象一下，计算机1440x900分辨率屏幕上显示的内容应显示在手机的320x240分辨率屏幕上。你会发现可见区域较小，内容挤在一起，页面拉长，布局混乱，使用困难。增加等等。因此，自适应和响应式设计是选择性地隐藏内容以适应小页面并减少上述问题。但是这样，页面的性能不是那么理想，并且交互式体验没有达到移动终端的优越性。如果控件不好，网站会给用户一种难以理解的感觉。

响应式网站响应式设计自适应布局

在移动端显示响应式网站的缺陷（右侧的移动版本）

例如，上述响应类型网站，右移动终端显然隐藏了计算机左侧显示的产品，这对用户从计算机侧切换到移动侧非常不友好。移动端的交互设计对我们来说并不熟悉。同样显而易见的是，相同的网站样式差异如此之大，感觉就像两个网站。如果它是一个单独设计的移动网站，它可以避免显示器上的突然显示，如上面的响应网站，如下面的计算机和移动网站之间的比较：

响应式网站响应式设计自适应布局

天猫PC和移动版本

从上面可以看出，天猫看到了他们的做法：个性化的网格布局，流行的移动界面以及合理的网站信息显示。显然，这些是我们熟悉的移动端性能，并且交互更接近APP的UI风格和更好的用户体验。为什么他们能够很好地处理移动端的网站性能？因为它们都专注于移动版本的网站并且不使用自适应设计，所以网站的设计不受自适应方案的限制。

2.响应式设计不利于百度的关键词优化和排名。

由于用户在不同的终端有不同的搜索习惯，百度的移动网站和计算机网站的关键字处理策略也不同。对于响应式解决方案，不同终端访问的网页代码是相同的，因此不能在计算机侧和移动侧设置不同的关键字。这无疑是百度关键词优化的一大障碍。

此外，百度的搜索排名也分为手机和电脑。在这方面，更适合使用独立的移动终端网站来做移动终端的百度排名，这样就不会影响百度对电脑的排名，而且两个版本的网站百度优化也可以进行独立出来。

因此，如果您的网站需要商业化，那么最好使用网站的移动版本，而不是使用响应式网站。

3.响应类型网站无法区分移动终端，浪费带宽，并且加载需要很长时间。

响应（自适应）设计的实现通常是减少或隐藏计算机版本网站的内容，以使其适应移动终端的窄屏幕。但是，隐藏内容仍将加载，低分辨率设备将加载高质量图像或视频，无论屏幕大小如何，都能提供相同大小的网页。在这种情况下，与无响应的网站相比，响应类型网站加载的内容增加了20-50％。加载更多内容，速度更慢，浪费流量。面对高昂的国内流量费用，用户不想考虑放弃使用你的网站。

响应网站相对于非响应网站的响应时间通常延长1-2秒，这在2G和3G网络的情况下更严重。谷歌的统计数据显示，每0.4秒的加载时间就有0.59％的用户丢失。电子商务类别代表亚马逊。这意味着1％的用户每0.1秒丢失一次，而雅虎的信息门户网站则被延长。 0.4秒将失去5-9％的用户。因此，每天有多少用户在您的响应中丢失网站，您可以计算座位数。

4.响应ie6,7,8浏览器简直就是悲剧。

在响应式或自适应方案中，使用了html5的许多新功能，并且这些新功能仅由高级现代浏览器支持，但它们在ie6,7,8中几乎不可见，即使在ie9,10的性能中也是如此。这不好。从国内浏览器使用统计数据来看，来自cnzz数据中心，即占比高达36.29％。你能承受36.29％的用户损失吗？

响应式网站响应式设计自适应布局

响应式网站体验或在IE上失去36.29％的用户

现在，您是否注意到无论是淘宝，天猫，京东，唯品会，还是腾讯，百度，新浪，360，为何不使用它？毫无疑问，响应或适应性只是一个坑。正确的方法是分别构建计算机端和移动端网站。构建移动版网站是一个可行的规则，以便更灵活，提供更好，更好的移动体验和个性化的多样化设计。

我们可能想知道为什么市场上的响应式网站会如此火爆？事实是，响应式或自适应式设计只是设计者的主观决定。他们认为计算机网站接口不再适用于移动网站接口，然后不做相应的更改。甚至还有一种更为荒谬的情况，即程序员使用响应能力来展示技术，而电视台建设公司会抛出响应性以便出现更多的骗局。在许多情况下不需要响应使用，没有什么值得关注的。

因此，我们的建议是：着名的移动版计算机网站，重点将放在网站信息显示，网站性能，用户体验，经济效益，用户保留等关键点上。

可能还有一件事，也许你不知道，响应的父亲Ethan Marcotte也说，“重要的是响应式网页设计并不是要取代移动网页。”