响应式和普通网站的优缺点分析

响应式网站的优缺点分析
  前言：
  首先，什么是响应式网站？
  响应式网站是：设计的页面将根据使用的行为和设备的环境（系统平台，屏幕尺寸，屏幕方向等）进行响应和调整。
  具体的练习方法包括许多方面，包括使用灵活的网格和布局，图片以及CSS媒体查询。 无论用户使用的是笔记本电脑还是iPad，我们的页面都应该能够自动切换分辨率，图像大小以及相关的脚本功能，以适应不同的设备； 换句话说，页面应该能够自动响应用户的设备环境。 响应式网页设计是网站可以与多个终端兼容，而不是为每个终端制作特定版本。
  响应式网站是不够的：它们的局限性更大，只能适应某些简单的网站。 例如，商场类型的网站不适合。 太多的内容太复杂了。 对于响应式页面，许多人认为这是网站的跨平台解决方案。 但是对于大多数网站，它实际上是一种排版技术。 只是这种排版技术带有许多细节调整。
  优点：
  1.友好的用户体验
  随着计算机尺寸的多样化和智能设备（平板电脑/智能手机）的普及，在当前追求用户体验至上的时代（2016年），以前的网站通常使用固定宽度（960像素），逐渐无法满足需要 不同的设备和不同的分辨率。 费率要求。 在高分辨率计算机宽屏监视器上，两侧都有太多空白。 在手机上显示
  内容显示太小。 为了清晰可见，用户首先需要放大界面，然后左右拖动界面。 响应式网站可以根据不同的终端，不同的大小和不同的应用环境自动调整界面布局，显示内容和内容大小，提供了很好的视觉显示效果和一致友好的体验。
  2.节省设计和开发时间
  从设计的角度来看，一般而言，响应式网站界面仅需要设计两组设计效果图。 计算机端和键盘端基本上可以共享一组设计效果图，而移动端可以重新设计一组。 从前端角度看从开发的角度来看，无需开发三套以不同方式完成的前端代码，而仅需要根据关键点为不同的终端开发（如果它基于Bootstrap前端， 最终开发框架，上面已经明确指出，这个问题将在下一次与您分享。）三套不同的CSS样式； 从以后的维护角度来看，您不再需要分别维护pc界面，pad界面和移动界面，而专注于维护网站。
  3. SEO友好
  由于响应网站在不同的终端上都具有友好的界面显示效果，因此用户可以与网站保持联系，例如URL保持不变和积累； 通过单个URL地址收集所有社交共享链接，以优化搜索引擎。 搜索引擎也越来越聪明，它们足够聪明，可以完成移动网站和桌面网站之间的连接。
  Google还建议优先考虑响应式设计，因为无论哪个版本的网页具有相同的HTML，相同的内容，百度和Google都更易于处理。
  4.可以适应所有设备屏幕
  这可以说是响应式网站的最大优势。 如今，技术日新月异，智能终端也在不断更新，智能手机，VR设备，智能手表等正在层出不穷。 不可能一个人一个人地独立开发，但是如果您的响应式网站设计有所不同，则用户可以始终与该网站保持联系，这对用户非常有用。
  5.维护少
  想象一下，如果您要开发一个新的独立移动台，无疑会增加您的工作量。 实际上，您有两个站点，但是如果响应式网站的维护成本绝对很小，因为它只有一个站点，并且可以在所有设备上运行，从而大大减少了工作量。
  缺点：
  1.设计和风格有局限性
  尽管响应式布局具有如此重要的优势，但它并不是完美的，并且在许多方面都有其自身的局限性：
  自由度太低，并且限制相对较大。 在这种情况下，必须考虑移动终端和PC的性能。 例如，最普通的移动终端不具有悬停效果，并且PC必须认为适当。
  您需要考虑在手机，平板电脑和PC的三个屏幕下方页面上元素的显示方式，这会造成很大的限制。
  由于响应页面同时下载了多组CSS样式，因此PC / pad的冗余代码可能会下载到手机上，这毫无意义，而且会浪费流量资源。

2.对IE老板的兼容性不友好
  对于旧版本的IE（IE6，IE7，IE8），这是一个致命的问题。 如果您的大多数网站用户仍然使用旧版本的IE，建议不要进行响应式网页设计。
  3.缺乏灵活性
  根据不同终端的不同设备属性，产品用户体验要求将完全不同。 功能性网站的更多内容不适合于响应式网站设计，例如：电子商务类型的网站，如果所有宽屏PC内容都将显示在移动终端上，将不可避免地导致网站上的界面非常长 移动终端。 重新设计了信息框的属性，因此对响应站点的要求很高，实现难度和成本也很高。 但是，为了改善大型网站的用户体验，通常的做法是将高分辨率宽屏网站的最小响应大小响应为1024px，并且不再适应移动终端。 移动终端重新设计并开发了一个移动网站，简称为2.5个响应，例如：电子商务网站Amazon，Calvin Klein，Nike，视频网站Youtube等。
  4.速度可能会变慢
  由于响应页面同时下载了多组CSS样式代码，因此PC和Pad的冗余代码可能会下载到手机上，这会导致文件变大并影响加载速度。 但是，CSS样式的代码占用的内存少于图片，因此，如果前端编程处理得当，则不会影响网站的加载速度。
  根据响应式网站的优缺点，我们可以很容易地看出该公司的官方网站和单页促销网站非常适合响应。
  风格的网站设计，因为它们的界面内容相对较小，结构相对简单，所以在不同的终端，不同的尺寸
  调整网站信息框架，添加和减少内容，图片，文本和网格响应更加容易。
  更多内容
  功能性网站不适合响应式网站设计，
  如：电子商务型网站。 但是随着技术的不断发展，
  响应技术正在逐步改善，为响应设计提供了强大的技术支持； 响应式设计可以在不同的终端上提供完美的显示效果和友好的用户体验，从而符合用户体验至上的趋势。 因此，响应式设计必须是未来的发展趋势。