首页>新闻动态>网络新建站常识
响应式网站的优劣势的几点比较
随着手机移动端的大力发展,建设一个适合于手机浏览的网站势在必行,也是若干企事业单位的,说白了,在拥有了一个电脑网站之后,还想做个移动网站。

要实现上面的想法,有两种做法,一是单独做两个网站,一个是PC网站,也叫做电脑客户端的网站,二是移动网站,也叫做手机客户端的网站,然后两者进行数据库共享,确保只有一个后台,添加一条记录后,在两个网站上同时都显示,不需要重复添加,方便了用户的管理,同时对网站的优化排名也是有一定好处的。

还有一种就是响应式(自适应)的网站,即建设好一个页面后,这个页面会根据不同的客户端显示为不同的排版布局,这也是目前为的做法,只需做一个网站,就能享受两个网站的成果,这种技术是自我学生时代BBS上出现ASCII字符图形至今,Web开发领域让人感到兴奋的事情之一。HTML5、CSS3及jQuery给旧网络注入了新生命,给使用你应用程序的用户带来乐趣和兴奋。一个新技术的出现,势必惹得更多的人的围观,它的成就与功绩,优势与劣势,咱们今天一个个的进行分析对比。

1、响应式(自适应)网站由于是同一个页面,很显然的理解就是:把一个电脑上的所有东西安排到手机上,这显然有些“多余”,滑动块会拉得很长,这时这种技术会提供自带函数可以隐藏一些数据,或是一些不值得在移动端显示的东西,或是不显示,或是只显示一部分,但毕手机与电脑的排版差距很大,尽管响应式技术提供大量的自带函数,仍旧逃脱不了在布局的短板。优势是程序简洁清爽,一个页面不同的客户端会有不同的显示。劣势是PC与移动端的排版差距很显而易见。

2、因为有上面的短板,于是自适应的网站就要求美工做出适合于响应式的界面需求,比如必须要通栏,不能用三栏的形式,尽量少用背景,多用文字(因为尺寸是以百分比来算,而不是以像素),分类上下排版,不要左右排,而且排版还不能太繁琐,另外网站里面少用JS脚本,或是flash元素,因为移动端好多是不支持的。优势是布局简洁大气,劣势是页面设计限制太多。

3、如果把电脑网站与手机网站完全分开来建设的话,情况就完全不同了,PC网站建设想怎么设计就怎么设计,完全用不着考虑手机显示的样子,无论是拖动滑动块的效果,还是鼠标互动效果,想怎么开发就怎么开发,手机也一样,设计的时候只考虑移动端的美观与布局,其它的一概不管,让两者联系在一起的,只是数据的共享,两者调用同一个数据库,以确保一个后台管理两个网站,这样能显示出是同一家企事业单位的网站,另外还有,尽量的把两者风格统一化,至少让浏览者感觉有点相似。响应式网站的优势是工作量减少了,用不着做两个网站,劣势是很明显的,风格不流畅,条条框框太多。

4、响应式(自适应)网站不利于百度的优化排名,为什么这样说呢?因为自适应的网站是同一个页面在不同的客户端有不同的显示,然后源码里面title不可能有两个,而PC与移动端的搜索规则是不太一样的,如果分开建设电脑与手机网站,就可以设置两个不同的title与keywords,自然有利于搜索引擎的收录与排名,这很好理解。所以,如果你的网站需要进行商业方面推广的话,建议你们还是单独做一个手机版的网站更好,而不是使用自适应的网站。在优化这一点上,响应式的网站几乎没什么优势,满满的劣势。

5、自适应的网站打开速度相对要慢些,我们说的是手机网站,因为同一个页面在手机上加载,虽然有些在电脑上显示的东西隐藏了,但程序方面照样加载,只是不显示而矣,因而针对单独制作手机网站来说,要慢好多。比较来说,劣势比优势多,耗时间耗流量,网站打开慢了,会丢失若干客户,而Google的不完全统计的数据,网页加载时间每延长0.4秒就会有0.59%的用户流失,电商类代表亚马逊则表示每延长0.1秒就会有1%的用户流失,所以你的自适应网站每天会流失好多客户。

6、自适应对于IE6到IE8的浏览器简直就是个大悲剧,因为这些都不支持的,打开后乱七八糟,排版其混乱,当然也可以打打补丁,但那种做法一是无济于事,二是效果也不太明显,即使排好了,所花的时间也是得不偿失的。


下一条:完全建设好一个网站都需要有哪些技术
文章分类
热门文章
网站套餐 / 解决方案 / 客户案例 / 公司优势 / 新闻动态 / 主机域名 / 关于我们 / 返回首页
版权所有:南京希丁哥网络信息服务有限公司