本世纪来最便捷于用户的方式无疑于移动设备网站的开辟，如手机网站。移动端网站开发以来获得了用户群体的广为关注，因为他的便捷和实用。同样的，对于手机网站的建设也成为技术领域开始了新的辩论。怎样的移动端网站才是用户喜欢的的网站呢？是雷同于PC端的响应式设计吗？今天笔者小丹和大家分享该文章就大家一起解密移动时代的优化网站。

    首先对于谷歌来讲，它提倡创建响应web设计支持创建专用的手机网站。第三种选择也越来越流行web服务器呈现适当的HTML和CSS从相同的URL这取决于设备一个网页在网站上被要求，这被称为响应设计+服务器端组件。

    本文将讨论这些方法，现实世界的例子网站使用一个特定的方法提供了在每个部分，移动设备用于测试和收集数据的例子是使用iOS 5.0 iPhone 4。

    响应网页设计（RWD）

    响应网页设计通常使用CSS3媒体查询来调整一个web页面的布局是基于用户的查看区域的大小。你使用相同的HTML显示不同网页布局台式机、平板电脑、移动设备、电视等。

    响应网页设计的优点

    内容校验：你的网站包含相同的内容和HTML标记不管所使用的设备，为用户提供一个类似的经验。这将增加的重要性随着越来越多的人依靠他们的智能手机上网的主要方式。一个网页的网址：这使它更容易共享和链接到你的内容，他们不需要重定向让设备优化视图与专用的手机网站相比。

    响应网页设计的缺点

    内容不会完全为移动设备优化：除非你使用一个移动先行的方法，您的web页面将包含相同的信息作为它的桌面。将一个单独的手机网站，你可以定制web页面的内容只是为了移动用户。慢的性能：一般的web页面今天是大约1.3 MB据2013年1月的数据从HTTP存档。可以防止不必要的下载使用RWD时，但在实践中大多数响应网页设计网站是相同或更大的规模。86%的网站测试手机性能研究的家伙Podjarny相同或更大的规模，在报道演讲关于移动站点的性能。它可以更加困难，导航网站：移动用户通常比桌面用户想要执行不同的任务。他们也可能更习惯推出用户界面设计模式。除非你为每个设备定制导航结构，可能存在可用性问题。

    专用的手机网站

    一些网站优化的经验移动设备用户通过创建一个单独的手机网站，最常见的实现桌面网站重定向到子域。

    一个专门的移动网站的优势。容易单独改变移动和桌面网站：改变只能局限于手机版或桌面版。更快的加载时间：因为你正在开发移动网站，只有你可以简化和优化你的手机网站专门为移动用户体验。更容易导航：的导航结构和内容定制的任务由移动用户。

    一个专门的移动网站的缺点。每个页面的多个网址：共享一个网页在社交媒体成为一个问题，因为手机用户将分享移动的URL，但桌面用户可以点击链接和手机版。为了防止重复内容搜索引擎优化问题，您将需要使用 rel="alternative"和rel="canonical"meta标记。同样，当移动用户在谷歌搜索和点击桌面URL在搜索引擎的结果，他们会看到桌面版或被重定向到移动版本的页面。如果移动版本的这个页面不存在他们会得到一个错误。

    不同的内容和功能：创建一个专门的手机网站的目的是为手机用户特别定制的网站。这可能意味着切割出的内容和功能从而在一个不同的体验。内容分支：你有两个不同的内容，这将创建一个内容策略噩梦。需要重定向：移动用户需要重定向到优化的观点，反之亦然。重定向会增加页面的加载时间，它也可以影响你的网站的搜索引擎优化。

    不同的HTML和CSS从相同的URL

    该方法创建一个惯于使用手机网站使用服务器端编程呈现自定义CSS和HTML为不同的设备。手机用户将获得一组代码，而桌面用户将获得一组不同的代码。这的主要目的是实现提高网站性能。该方法结合响应网页设计时效果最好，这个实现被称为响应网页设计+服务器端组件。当使用这种方法时，是很重要的包括不同的HTTP，这样机器人爬行的桌面和移动版本。

    在理论上，响应网页设计是最好的解决方案。但在实践中大多数RWD网站没有实现优化，导致缓慢的加载时间。在测试中，有一个专用的手机网站导致最快的加载时间，但与此实现的重大缺点。

    我个人偏好是一个响应相结合的网页设计和不同的HTML从相同的URL。这提供了所有的RWD的优点，同时克服了其两个最大的缺点是多个文件下载和加载时间慢。

    (转载请注明转自：www.wangzhan.net.cn/news/n1666.htm，谢谢!珍惜别人的劳动成果，就是在尊重自己!）