响应式网站的优缺点优哪些?

  • fun88体育联赛教程 2016-08-14 分享新闻到:
<返回列表

观点1:
响应式设计,就是同一个页面文件,在不同的设备端呈现不同的样子。在我看来,它的缺点有以下几个:
 
1. 页面加载的代码多了,导致文件增大了,影响加载速度。为了适配不同的设备,响应式设计需要大量专门为不同设备打造的css及js代码,这影响了页面加载速度。尤其是js代码,若处理不好,在配置低的机子上浏览会很卡。虽然可以通过某些技术选择性地加载响应式设计代码,但浏览器对这方面的机制支持还不够完善。
 
2. 在响应式设计中,图片、视频等资源一般是统一加载的,这就导致在低分辩率的机子上,实际加载了大于它的显示要求的图片或视频,导致不必要的流量浪费,影响加载速度。虽然现在有各种智能判断设备特性而加载不同图片或视频的技术,但浏览器支持同样不够完善。
 
3. 对大型门户或电商网站来说,响应式设计目前确实不太适合。因为响应式设计的基本原则是不会因设备不同而给予用户不同的内容(比如在低分辩率设备上删减某些内容),而大型门户或电商网站的单页内容非常多,当缩减到低分辨率设备上,又要保证内容全部可浏览时,必然导致页面拉长,浏览困难度增加。所以很多大型门户或电商网站都会提供一个移动设备版的网站,或者干脆直接让用户缩放网页进行浏览。
 
4. 对于同一用户,在不同设备浏览响应式网页时,可能会感到不适应。虽然优秀的响应式设计会尽量在不同设备呈现相同数量及质量的内容,但对于同一用户,毕竟在不同设备看到的网页排版发生了改变,可能带来不适应。
 
为不同的设备提供优化的浏览体验,这个肯定是网站开发所追求的目标,也是网站技术发展的趋势。但响应式设计只是实现这一目标的其中一个手段,只适用于某些类型的网站,不可一概而论的
 

观点2:
 
终于碰到自己比较在行的问题了。
 
首先回答问题。
1.可能还真不适合国内的电商类网站。
原因:因为国内的电商类网站都太复杂,整个页面都是大而乱的,巴不得把所有的内容都让你在一页内看到。这对于响应式页面来说是大忌,或者说是更本搞不了的。
 
2.这个是要看你做的页面类型。比如说,内容型的网站,确实很适合响应式的页面,但是具有一定功能性的网站就不一定适合了。
原因:资讯型网站页面结构比较单一,适合响应式的前端页面内容微调。而具有一定功能型的网站对于页面的整体排版和样式要求较高。
 
--------------------------------我是华丽的分割线---------------------------------
 
对于响应式页面,很多人都以为是一种网站跨平台的解决方案。但是对于绝大部分的网站来说,其实就是一种排版技巧。只是这种排版技巧带有很多的细节调整。
 
响应式页面的优点
1.跨平台。
在手机,pad,电脑上均有不俗的表现。
2.节省人力开发成本。
不再需要有人特地维护PC页面,移动页面。
3.表现力一致
在不同的平台上看到的东西都是基本一致的,会让感觉体验良好。
 
响应式页面的缺点
1.自由度太低,局限性较大。
你需要考虑在手机,pad,PC上三种屏幕下的页面内元素的呈现,会导致有着非常大的局限,比如说我在PC上是横向滑动的通栏图,但是在手机和pad就是不用的。所以,你就只能用一张单一的图或者一组静态图来表达。
2.页面会比较大,在当前国内渣渣2G,3G网络下打开速度会比较慢。
由于响应式页面是同时下载多套CSS样式代码,可能在手机上就下载PC/pad的冗余代码,其实毫无意义,而且浪费了流量资源。
3.对于非webkit内核的浏览器支持极差(IE6,7,8等就直接悲剧了)。
对于非webkit内核的浏览器,比如说Windows Phone手机上用的IE浏览器,完全就悲剧了,彻底看不了。不过还好,现在的IOS,Android都是webkit内核,至少在80%以上的手机上可以有良好的呈现。
 
--------------------------------我是华丽的分割线---------------------------------
 
目前国内做响应式页面比较好的网站
PingWest中文网
 
国外比较好的
Breaking News, Analysis, Politics, Blogs, News Photos, Video, Tech Reviews
Webflow
 
当然,你还可以看看
Media Queries
 
这个网站基本罗列了国外的一些比较优秀的响应式页面的站点。可以给你一些设计时的启发。
 
----------------------------------2014.02.15更新-----------------------------------
 
响应式页面的前端展现其实目前有2种(我意淫的)。
 
第一种,纯粹的响应式页面,屏幕尺寸涵盖从PC→手机屏幕的全尺寸。
eg:以上例子中的http://time.com、http://webflow.com
 
就是我们传统的响应式页面,不管用户是什么设备,我都给他提供一套CSS样式,这套CSS样式里面有PC版,pad版,手机版。这种是目前国外灰常流行的响应式页面,因为国外的浏览器市场情况是,chrome/firefox等高版本浏览已经占据主流,IE6,7等已经越来越少,基本可以不再提供支持。
 
第二种,残疾版响应式页面,PC是独立的一套独立的页面,移动设备是另一套独立的页面。
eg:搜狐的文章最终页克里:美绝不想遏制中国 应为大国关系树立榜样(可耻的说自家产品)
网易的文章最终页ipad版(原谅我没有例子)
 
就是现在国内这种残疾型的响应式页面,由于我们海量的用户还在使用IE6这种高(keng)端(die)产品,导致我们不得不在PC页面上对IE系列有良好的支持,这就代表以CSS3和html5等新特性不能在PC页面上展现。
 
与此同时,由于国内三大运营商给(nao)力(can)的网络速度,导致用户要是访问传统的响应式页面会下载较多的资源,用户打开网页的速度会比较慢。所以,第二种残疾版响应式页面就有了存在的价值。
 
以上,灰常感谢。
 
分享新闻到:

更多阅读

99%的人不知道什么样的网站是

新闻动态 2016-08-22
亲爱的朋友你好, 在经济全球化的时代,如果你想通过网站来开展互联网生意......查看全文

fun88体育联赛初期需要准备什么?

行业动态 2016-08-14
一、首先fun88体育联赛之前要对自己企业有一个合理的定位,而选择一个适合自己企......查看全文

fun88体育联赛时如何选择关键词?

行业动态 2016-08-14
主关键词是网站最想优化,并且最想排在搜索引擎非常靠前的位置,那么选择一......查看全文
返回全部新闻
扫描二维码分享到微信
确 认


友情链接: fun88足球 网站模板

版权所有:fun88足球 鄂ICP备16021662号
电话:027-8181-8968 手机:15926331808 18696128909
QQ:2897765356 邮箱:sukesw@qq.com
地址:武汉市洪山区野芷湖西路16号创意天地(创意产业园)商业中心5楼

<友情连结> 大发bet网页版/ 千赢国际娱乐/ 龙八在线娱乐/ 摇钱树心水论坛/ 香港赛马会资料论坛/