【问题标题】：Responsive E-commerce site? One version vs Multi-version响应式电子商务网站？一个版本与多版本
【发布时间】：2015-04-24 18:54:15
【问题描述】：
我们公司决定不支持 IE7-8，这是一个超级好消息，我想将 zurb-foundation5 css 应用到我们现有的中型电子商务网站，以便移动用户可以获得更好的 UX/UI 体验。但是，我意识到如果我想让网站在移动设备上很好地显示，需要重新构建和复制 html 或 asp 等许多元素。这会导致网站体验速度变慢，甚至可能会导致一些其他问题。但是，如果我为移动设备制作单独的网站，我将不得不维护两个网站！
我的问题是
为移动设备创建一个单独的网站与将响应式 CSS 合并到当前网站并修改、重写、复制、移动 html/元素有什么优缺点？
【问题讨论】：
标签：
asp.net
mobile
responsive-design
e-commerce
zurb-foundation
【解决方案1】：
响应式网站的优点：
- 网站的单一代码库可以同时为移动和桌面用户提供服务。
- 易于为所有用户维护和更改代码。
响应式网站的缺点：
- 在智能手机上加载的移动版网站与桌面版具有相同的大小和复杂性。
- 加载时间将远高于移动版本。
我建议您采用如今大多数企业都在采用的自适应设计。在自适应设计方法中，服务器可以根据检测到的功能选择如何优化呈现页面，以及动态增强或删除功能。它使您可以专注于具有不同设备配置的不同类型的消费者。
自适应设计具有以下优点 -
- 它允许您根据用户规范捕获用户意图。
- 无需为移动网站从头开始编写代码。
- 性能和加载时间比响应式网站更快。
你可以参考这篇文章进一步阅读-http://venturebeat.com/2013/11/19/responsive-design-adaptive/
【解决方案2】：
制作响应式电子商务网站最令人信服的原因之一是 Google 推荐它！
请记住 Google 的市场份额，并且您的大部分 SEO 工作将用于 Google。以下配置由Google详述，重点是自己的：
使用响应式网页设计的网站，即为所有人提供服务的网站
同一组 URL 上的设备，每个 URL 提供相同的 HTML
到所有设备并仅使用 CSS 来更改页面的呈现方式
在设备上。 这是 Google 推荐的配置。