loading

响应式(自适应)网站优缺点分析

自适应网站?专业的说法是响应式网站。在2010年5月,Ethan Marcotte提出的响应式网站的概念,简单来讲,就是一个网站可以兼容不同的终端,近年来,移动端飞速发展,终端的设备五花八门,分辨率各不相同,响应式网站也受到了更多人的青睐。但是响应式网站真的适合你吗?下文分析响应式网站的优缺点。

一、响应式的优点:

  • 节省运维成本:比如你用的是虚拟主机,如果不使用响应式代码设计网站的话可能你需要多买一个空间,当然如果你的虚拟主机支持二级目录绑定的域名或者你的程序会自动识别终端显示不一样的内容那就另说。
  • 还是节省运维成本:三站合一,维护简单。电脑、手机、微信三个网站运用的是同一个网址,同一个后台管理,数据同步更新,一切图片和内容只需求上传更新一次即可,维护简单轻松。

二、响应式的缺点

  • 1.自由度太低,局限性较大,你需要考虑在手机,pad,PC上三种屏幕下的页面内元素的呈现,会导致有着非常大的局限。如果网站结构复杂的话,隐形的会加大开发的工作量,当然如果网站结构简单,强烈推荐你使用响应式。
  • 2.页面代码会比较多(因为是响应式),幸好如今的4g走近了,要是在2g、3g的年代,一个响应式网站打开速度肯定会比较慢,当然代码多了点没有什么太大的影响,关键是电脑的banner图,拿到手机上去显示,完完全全就是浪费,因为手机不需要那么大的图,浪费流量资源。
  • 3.响应式设计仅是改善移动体验并没达到最优化,之所以这么说上面也提到过了图片资源不对称,比如显示在电脑1920×1080分辨率屏幕上的内容,要在手机的360×480分辨率屏幕上显示,你会发现,可视区域变小,内容都挤一起,可能需要隐藏一些在大屏可以显示的元素。
  • 4.响应式设计并不利于百度的关键词优化和排名,而对于响应式的方案,百度蜘蛛访问到的网页代码是一样的,它并不知道他所爬的是移动端还是电脑端。另外,百度的搜索排名也是有移动端和电脑端之分的。针对这方面,更适合使用独立的移动端网站专门做移动端的百度排名,这样不会影响电脑端的百度排名,两个版本的网站百度优化也可以独立进行,多一份机会,多一次排名。百度自己也是分www和m的。
  • 5.对于非webkit内核的浏览器支持极差(IE6,7,8等就直接悲剧了)。 当然我觉得这些浏览器慢慢的会退出历史舞台,想当年刚进入前端面试首先就是调兼容,可见ie害苦了一代前端人。

综上所述:个人认为如果有条件的话,尽量将电脑端和移动端分开去做,当然如果你的网站布局足够简单,强烈推荐你使用响应式设计(国外的网站善用响应式的设计方案),小编的博客(因为够简单)使用的就是响应式(节约运维成本)。所以你的网站应用哪种模式,你可以仔细权衡权衡,世界上的任何一种事物都有它的两面性,不存在绝对的是,也不存在绝对的非。所以我们看任何事情都不要以偏概全,不能被事的的表面现象所迷惑。要抓住事物的本质,才能避免生活中出现的一些不必要的错误。