真的有点看不下去了,所以今天在这里总结一下我对于自适应的一些看法和我现在团队中研发新项目的选择。
我们先来分析下目前主流的产品多终端研发解决方案。
方案1:移动端和PC端使用不同的二级域名。比如PC端使用www.aaa.com,然后移动端使用m.aaa.com。代码分两套,后续维护也需要维护两套。
方案2:移动端和PC端使用同一个域名,针对不同设备使用不同的页面模板输出页面。前端代码还是分两套,后续也需要维护两套代码。
方案3:移动端和PC端共用一套代码,对各种设备做集中适配,就是我们现在说的响应式。前端只有一套代码,后续只需要维护这一套即可。然后我们再具体分析一下响应式的优点和缺点。
响应式网站有什么优点?
1,研发效率高。多个终端仅仅只需要写一套前端代码。
2,维护成本低。对于后续维护来说,只需要维护一套代码,成本大大降低。
响应式网站有什么缺点?
1,妨碍页面设计的灵活性。这点不用细说了,做过响应式项目的UI设计师都深有体会。
2,不利于百度的关键词优化和排名。因为用户在不同终端的搜索习惯不同,所以百度对移动网站和电脑网站的关键词处理策略也不相同。而对于响应式的方案,不同终端访问到的网页代码是一样的,这样就不能在电脑端和移动端设置不同的关键词。这无疑是给百度关键词优化增添了大大的阻碍。
3,无法区分移动端和PC端,浪费带宽,加载耗时长。响应式(自适应)设计的实现方式,往往是缩小或者隐藏电脑版网站的内容,使之适应移动端的窄屏。但隐藏的内容依然会加载,低分辨率设备会加载高质量的图片或者视频,不分屏幕尺寸都提供相同大小的网页。这样的话,响应式网站加载的内容相比非响应式网站会增加20-50%。加载内容多,速度慢,浪费流量。
4,浏览器兼容性差。响应式或者自适应方案里,运用了很多html5新特性,而这些新特性只有高级的现代浏览器才支持,而在ie6,7,8来说几乎是看不了的,甚至在ie9,10的表现也只是差强人意。
通过以上我们对响应式优点和缺点的分析,我们可以简单的看出,方案1和方案2这两种方式研发成本和维护成本要比方案3的高。但是方案3仅适合平台内容多终端一致的情况。
所以我现在的团队中,在研发新项目的时候都会根据产品构思来确定是否要使用“响应式”的方式,并不是任何项目都使用响应式来研发。
就目前来看,一般用到响应式的都是一些小项目和管理后台。中大型项目为了前端和业务的灵活性,不使用响应式。