为什么自适应（自适应）网站是一个陷阱

什么是响应式网站？ 实际上，自适应和更专业的论据是响应式网站。 在2010年5月，由Ethan Marcotte用外行的术语提出的响应式网站的概念是，一个网站可以与不同的终端兼容，而不必为每个分辨率设备制作特定版本的网站。 近年来，各种大屏幕移动设备和响应式网站的普及也受到了更多人的青睐。 甚至大多数人都认为响应式网站是实现友好移动目标的更好，更快，更经济的解决方案。
  但是是这样吗？ 不难想象人们具有响应能力或适应能力：网站适应了移动设备的显示，界面也非常漂亮，您可能会感觉一切都很好，并且网站也达到了友好移动的目标 。 但是，不要太高兴，数据表明，这种响应式设计会使您的用户和经济利益损失30-50％。
  想知道真相吗？ 因为自适应和响应式只是一个坑！ 响应式网站有几个致命的缺点：
  1.响应式设计只是为了改善移动体验，尚未进行优化。
  无论是自适应设计还是响应设计，它们的基本原理都是：尽量不要因为设备不同而显示不同的内容（例如某些内容将在低分辨率终端上删除）。 假设计算机的1440x900分辨率屏幕上显示的内容显示在手机的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数据中心的国内浏览器使用率来看，即高达36.29％。 您能否承受掉36.29％的用户损失？
  IE上的响应式网站体验可能会失去36.29％的用户
  现在您已经注意到，无论是淘宝，天猫，京东，唯品会，还是腾讯，百度，新浪360，为什么不使用响应能力？ 毫无疑问，自适应或自适应只是一个陷阱。 正确的方法是分别构建计算机和移动站点。 建立网站的移动版本是一个可行的规则，以便更加灵活，提供更专业和更好的移动体验以及个性化和多样化的设计。
  我们可能想知道为什么自适应网站在市场上如此受欢迎？ 事实是响应式或自适应设计只是设计师的主观决定。 他们认为计算机网站界面不再适用于移动网站界面，因此他们必须进行相应的更改。 甚至还有更荒谬的情况，程序员使用响应能力来炫耀技术，而建站公司则抛出响应能力来显得有些作弊。 在许多情况下，不需要使用响应能力，也没有值得追求的东西。
  因此，我们的建议是：最好为您的计算机网站启动一个移动版本，重点放在网站信息显示，网站性能，用户体验，经济利益，用户保留等方面。
  响应之父Ethan Marcotte在这里可能还有另外一件事，也许您不知道，“最重要的是响应式Web设计的初衷不是取代移动网页。”