您现在的位置:首页 > 资讯中心 > 网站建设常见问题 >

浅析响应式网站设计的几个优缺点

发表于:2018-11-21 阅读:7930 关键词: 响应式网站 网站设计 优缺点

  响应式网站能够让网页在不同的显示设备上自动调整网页的尺寸达到网站的完美显示、但是响应式网站设计的网页在不同的显示设备上的URL(网页链接、 网页地址)却是完全一样的、再也不用为不同的显示设备上而设计不同终端的网站了。响应式网站设计在不同显示终端显示的都是一个域名一个网址、便于优化管理。

  所谓“响应式网页设计(Responsive Web Design)”也就是自适应,就是可以自动识别屏幕宽度、并做出相应调整的网页设计。目前这种设计已经出现在越来越多的国内网站上,目前Google已经明确表明鼓励响应式网页设计。

  通常在浏览网页时,手机上和电脑上无法显示同一个网页,这也导致许多网页设计会自动转到特定的链接上,无论在电脑上还是手机、平板上,网页的显示其实都是一个版本,会随着显示设备屏幕的大小而网页自动的改变。这就是响应式网站设计的其中一种特点。

响应式网站设计

  传统的网站设计,用手机浏览电脑端的网站时,由于尺寸不符合还需要进行放大,但是放大后看得的效果并不是很好,这就很影响用户体验,所以传统网站设计只能为不同的显示终端再单独的设计一个网站,所以就有电脑版网站、手机版网站、微信网站之分。

  综合上述使用自适应网页设计有几大好处:

  1、响应式网站可兼容多个智能移动浏览终端,并自动适应其屏幕尺寸,风格统一,增加网站辨识度。

  2、响应式网站所用的后台及数据库是统一的,即在电脑PC端编辑了网站内容后,手机、PAD等智能移动浏览终端能够同步显示修改之后的内容。网站数据的管理能够更加及时和便捷。

  3、可以避免重复内容,专心维护这一个网页。

  4、保持网页链接的一致化。

  虽然响应式优点颇多,但也不是没有缺点,简单列举以下几点:

  1、页面加载的代码多了,导致文件增大,影响加载速度;

  2、在响应式设计中,图片、视频等资源一般是统一加载的,这就导致在低分辨率的机子上,实际加载了大于它的显示要求的图片或视频,导致不必要的流量浪费,影响加载速度;

  3、对于响应式,局限性较大,不适合一些大型的门户网或者电商网站,一般门户网或电商网站一个界面内容较多,而响应式最忌讳较多内容,代码过多会影响运行速度。

  4、响应式网站设计比传统的网站设计复杂的多。他的参与人员是比传统网站更多的。也给了美工、制作和测试人员有更多的挑战。因此,响应式网站的建设成本往往是传统网站的1-2倍。

响应式网站设计

  总结来说,事物都是利弊结合,响应式只适用某些网站,不可一概而论,各种移动设备的发展导致每种移动设备都希望拥有适合自己设备的网页。但是Web设计和开发根本无法追赶设备与分辨率的更新,如果不能满足各种设备下用户的使用,就会流失掉用户群,响应式设计的出现有效地解决了这个问题。