响应式网站的优缺点分析

随着电子产品的发展，一种名为“响应式网页设计”的网站诞生了。其根本含义是自适应，也就是根据识别到的屏幕宽度调整相应的网页设计，是为了不让用户在浏览网页界面时出现视觉差异。目前，国内越来越多的网站是响应式网站，Google也已做出支持响应式网页的明确表示。那么，响应式网站有什么优点和缺点呢？

响应式网站的优点：

1、可以提升互联网移动端客户的用户体验
目前，电脑的尺寸逐渐趋于多元化，移动设备(智能手机和平板电脑)不断普及，而当下移动端用户都追求完美的用户体验。而之前的网站普遍使用的960px宽度无法满足不同设备和不同分辨率的序曲。在分辨率较高的电脑显示屏上，网页的两边空白过多，而在手机显示屏上，内容过小，需放大界面后左右拖拽界面才能看得更加清晰。响应式网站根据不同的移动终端、不同的屏幕尺寸和应用环境，可以自动调整界面的大小布局，可以为用户提高更好的视觉效果。
2、设计成本低
相对于开发不同大小的电脑、平板、手机网站来说，响应式网站可以结余设计成本。从设计角度来看，一般情况下，响应式网站的页面仅需设计两套设计效果图即可，电脑和平板客户端可共用效果图，手机客户端使用一套效果图。从前端的开发角度来看，仅需根据临界点给不同的终端开发不一样的三套css样式即可，省去了开发三套不同的前端代码的费用。从后期的维护角度来看，仅需专心的维护一个网站，不需要维护三个不同的网站。
3、SEO友好
响应式的网站界面在不同的终端都有着友好的展示效果，因此用户可以一直和网站保持着联系。可以通过URL的单一地址去搜集最佳的社交分享链接引擎。
Google之所以建议使用响应式设计，是因为网页的版本都有着同样的HTML和同样的内容，这样方便Google的处理。
4、可以保持网页的原有链接

响应式网站的缺点：

1、对于IE的老版本支持不好
对于老版本的IE(IE6、7、8)尤其是IE6的支持非常不好，这是一个非常知名的问题，如果网站的大部分用户都是用的是老版本IE，那么不建议制作响应式网站。

2、灵活性差
由于不同设备终端的属性不同，因此产品的用户体验要求不同。内容、功能多的网站不适合响应式，如电商一类的网站如果在手机端显示，不但制作成本高，而且难度非常大。还有一些视频，小游戏的网站，在使用了响应式设计之后，无法在移动终端打开，只能在电脑端打开。那么这时候，要么放弃响应式设计，要么就要修改游戏了。

3、手机移动端打开速度慢
因为响应式的网站需要同时下载好多套CSS代码，因此在手机上显示时加载速度会比较慢。