响应式网站,通俗的说,就是一个网站可以兼容不同的终端,用户在访问网站时,网页可以根据屏幕的大小,自动适应,不用为每个分辨率设备做一个特定版本的网站。然而响应式网站看上去很美,却并不推荐大多数用户使用。
近年来,各种大屏幕移动设备的普及,响应式网站也受到了更多人的青睐。甚至大多数的人认为,响应式网站是实现友好移动目标,更好、更快、更省的方案。然而不要开心得太早,数据表明:这种响应式设计,会令你的用户和经济效益流失30-50%。
想知道真相是什么?因为响应式网站有几个致命缺点。
第一:响应式网站不能自由布局,做不到移动端的优化体验。响应式网页不能自由布局,文字或图片元素只能删减,不能增加,图文只能更新,无法拖动位置,图片无法放大或者缩小,也就是说所有的元素都是被锁死的。前端程序员花了很长时间优化,最后悲伤地发现,一旦PC端允许用户可以增加或者拖动编辑图文,在手机端就的展示就会混乱,顾此失彼。另外,PC端展示和移动端展示存在很多不一致,例如在手机端就没有办法呈现鼠标滑过悬停的效果。
第二:响应式设计对搜索关键词优化和排名不友好。搜索引擎对于PC网站和移动网站的收录和关键处排名的策略不一致。一套代码的响应式网站就增添了搜索引擎的处理障碍。独立的移动端网站和PC网站还是单独开发为宜,这样能更好地运营优化工作。
第三:响应式网站移动端浪费带宽,加载耗时长。响应式网站一般是基于PC端来设计的,一般会使用高质量的图片和视频,在移动端要访问同样大小的图片或视频,会浪费很多流量。如果一个PC页面的达到4M,在手机端打开就会慢,加载不充分。响应式(自适应)设计存在大量的冗余代码,会消耗大量的流量。在国内高流量费面前,用户是想都不用想就会放弃使用你的网站的。
从上面的分析可以看出,响应式网站并不能取代移动网页,其价值是作为PC端网站一个移动端小补充,聊胜于无。如果要做移动端商业推广,还是单独开发移动端网站为佳。响应式之父Ethan Marcotte也说过,最重要的是,响应式网页设计的初衷不是要取代移动网页。
国内知名的微企点H5自助建站最早也是进军响应式建站,但在发现了响应式网站的弊端之后果断转型,推出PC端和手机端分别建站的新版本。微企点放弃响应式设计,将PC端和手机拆分分别设计,实现了自由布局和动态交互,在PC和手机展示都可以做到最优化,有利于搜索引擎和网页加载,之前的问题都不存在。
作为灵活的自助建站平台,微企点对于想要实现响应式效果的用户提供了新的思路,微企点为用户提供网址共享,后台自动响应,随机应变,访问同一个域名,PC访问推送PC网页,手机访问推送手机网页,给终端访问更好的体验。
说了这么多,如果你还是有所不解,不妨看看淘宝、天猫、京东、腾讯、百度、新浪为什么他们要分开建设电脑端和移动端网站。
最后,我们的建议就是:最好为你的电脑网站推出移动版本,将关注重点要放在网站信息展示、网站性能、用户体验、经济效益、用户留存等关键点上,这样才能更灵活,提供更专业、更优的移动体验和个性化、多样化的设计。