编者的话：这是Mobify的CEO，Igor Faletski宣布的一篇博文，Mobify，电子商务优化平台，为智能手机战争板电脑提供了顺应网站的工具。

你能够听人说过，“我们生活在后电脑时代”。这对网络开发者而言意味什么？它意味着你的网站，有30%到50%的流量来自于移动电子设备。它同时意味着，不久之后，桌面用户或许笔记本电脑用户将会成为网络的少数派。 

面对这样用户形式构建的转变，我们又要如何应对呢？我们曾经跨越了m-dot或是t-dot时代，步入了一个由照应和自顺应设计技术统治的时期 - W3C将它称为“一个网络途径”。W3C最主要的建议是：“所谓的‘一个网络’是指，就合理性而言，网络应该为用户提供异样的信息以及效劳，无论这个用户运用的是什么终端设备。”

关于开发者而言，运用“一个网络”不只是让网站今时昔日在智能手机或许平板电脑上畅行任务，更可以在今时昔日，我们不能想象的，面向未来的终端上任务无误。

以后我们有三种最为普遍的，开发“一个网络”网站的方式：运用照应式设计；客户端顺应性设计和效劳器端顺应性设计。

这三种开发设计形式，并没有谁最好或许谁最差之分，每一个都各有所长，有优点，也有缺陷，而聪明的开发者会在开发前，思索到这三种办法的优缺陷，从而选择一个最为适宜的途径。

照应式设计

照应式网络设计是最为群众的“一个网络”的设计方式。这种方式运用了CSS媒体查询，用于依据不同终端显示器的大小而改动网站的显示。从波士顿环球报，到迪斯尼，再到Indochino，照应式网站的数量正在迅速添加。

这种方式一个最为主要的优点是，关于一切的终端设备，设计者只需求运用一个模板，在CSS中定义不同屏幕大小如何显示内容就可以了。而且，这些设计者可以继续运用他们所熟习的技术，例如CSS，HTML。另外，如今有更多的，友好照应的开源工具，例如Bootstrap或是Foundation，这些开源工具简化了搭建照应网站的进程。

另一方面，残缺的照应式设计很少有快捷便利的方式。要做到照应，组织者往往需求承当一个残缺的网站重建。

设 计和测试会十分的繁琐，由于要针对每一种能够设备的用户体验做出设计是十分困难的。我们看到照应式网站的规划看起来像是一块块拼图，并不是契合的一体。响 应式网站设计最好是运用在移动设备优先的开发上，即移动设备用例在开发中作为最优先思索。渐进增强处置，在将设计延伸至平板电脑和桌面用例上。

功用也是照应式网站的一大顺手难题。在Mobify，我们最近完成的关于15个盛行的电子商务网站的剖析指出，在这些网站中，主页加载平均是87个资源和1.9MB的数据，一些照应网页居然有15MB大小。

加 载的数据之所以这么大，是由于照应式网站需求掩盖一切的设备。你的用户只用一种设备，他却需求等候一切的界面元素和资源全部加载完全，才可以阅读运用。简 单地说，功用成绩曾经触及了你的底线。在智能手机上，用户等候一秒钟的时间，转换率会下降3.5%。只需求3秒，用户就会选择完全分开你的页面了。

当照应网站很快的成为商定俗成的标准，它同时为在线商务带来了新的应战，其中包括如何处置图片，如何优化移动设备的功用，以及当网站转变为移动设备优先时，不得不面临着重头构建的成绩。

客户端顺应网站

顺应性设计是在特定的设备和环境的基础上，依据照应式设计的本质，提供具有针对性的用户体验。它运用JavaScript提供的先进功用和弱小的可定制性来 丰厚网站。例如，自顺应网站可以只对Retina显示屏（如新iPad，iPad mini）提供Retina素质的图片，而标准的显示器只能接纳低像素的图片。

顺应性设计有两种，一种是在客户端的，即在用户的阅读器上应 用顺应性，另一种是效劳器端的，需求繁重的检测少量的设备然后加载适当的模板。客户端顺应性网站的用例如Threadless和ideeli。顺应模板方 式最给力的一点是，在不同的设备之间，重复运用一套HTML和JavaScript，如此大大简化了管理和测试的任务。

客 户端顺应网站意味 着你不需求重新构建你的网站。取而代之的是，你可以在传输移动照应规划的同时，构建现有的内容。关于一个专家级的开发者而言，这个办法还可以专门针对特定 的设备或屏幕分辨率。例如，对许多Mobify的在线古装批发客户，他们的移动流量95%来自于iPhones。客户端顺应意味着他们可以专门对 Apple智能手机停止优化。

不同于相应设计，顺应模板确保了在用户的终端上，只要必须的资源被加载。由于设备检测被移到了移动终端自行检测，CDN网络，例如Akamai和Edgecast，就可以运用大部分的缓存功用而不破坏用户体验。

客户端顺应办法比起照应设计，在运用上有着更高的门槛。开发人员需求扎实的JavaScript基础才能运用这项技术。同时它还需求依托网站已存在的模板作为基础。最后，由于客户端顺应性是在你已有的底层代码上添加一层代码，你必须保持你的网站作为一个全体而开展。

效劳器顺应网站

我们可以用多种办法，经过效劳器端插件和用户代理检测来完成效劳器端顺应性网站的开发。用效劳器端顺应性开发的网站包括Etsy，One Lings Lane和OnlineShoes.com。

我们为什么要选择效劳器端顺应来开发网站呢？通常它为每一个设备提供一个独有的模板，使得网站具有更强的定制性，并且它在效劳器端保留着设备检测逻辑，使较小的移动页面加载的更快。另外，如今还有许多效劳器端插件提供应大部分CMS系统和电子商务系统。

这 种方式并不适宜害怕者 - 它通常要求你的后台系统做出严重变化，这能够会需求一个漫长的（以及昂贵的）完成进程。管理多个模板的要求添加了日常维护的成本。最终，这种方式还会在服 务重视负载的状况下，遇到功用成绩。当移动用户代理检测任务在效劳器端，像Akamai这样的CDN部署的共用缓存机制则需求封锁。否则它将招致桌面用户 和移动用户的体验变慢。

当然，少数公司依旧在与照应方式做搏斗，他们还没有预备好面对更复杂的口味-顺应性。但是，越来越多的竞争和移动通讯，将会推进越来越多的组织在三种方式中不断实验，最终找到一个最为适宜他们用户的办法。

(责任编辑：admin)