响应式网站如何应对移动端闪电算法
大家都知道,闪电算法只针对移动端,要求网站首页像闪电一样快,到底需要多快呢?百度把它定义为2秒,如果网站首页2秒内能够打开,网站将受到优待,如果网站打开超过3秒及以上,将会减分,如果在2-3秒之间,将没有变化。如果是单移动端网站,要实现在2S内打开,只要服务器好,图片不要太大,基本问题不大,但是对于响应式网站就有点苛刻了。
大家都知道,响应式网站的优点是PC端、平板端、手机端共用一个前端,通过媒体查询等方法实现不同终端不同表现,从而实现响应式,这种方式是不是挺酷,维护成本也低,唯一不好的就是移动端打开速度慢。
经过分析发现,响应式网站在移动端打开速度普通比较慢,这个也是没办法,因为他要加载跟PC电脑版差不多一样的资源,耍酷的时候还是要牺牲点东西,那么如何应对呢?
于是很多人提出了以下加快网站打开速度方法:
一、网站采用CDN加速,这个方法确实可行,PC端、移动端都可以,尤其是本身服务器比较慢的网站,如果本身服务器比较好的话,效果可能就不太明显;
二、压缩合并JS和CSS等资源文件,这个方法PC端和移动端都可行,不过对于企业网站,本身文件不多,压缩后效果不是很明显;
三、合并网站所有小图标到一张背景图片,主要是把多张图片的请求合并成一个,这个方法PC端和移动端都可行;
四、对于不是首屏的图片采用延迟加载方式,将网络带宽留给首屏请求;
五、把CSS改为内联样式,减少文件请求,同时CSS样式只适用于一个页面,这样CSS代码会比较少,但是维护量比较大,谨慎采用;
六、把Javascript放在页面最后面,因为加载Javascript的时候,页面会停止渲染;
七、买好点的服务器;
以上方法都能提高响应式网站的加载速度,如果有时间能承担成本,最好都去做,但如果页面比较长,以上工作都做了,还是达不到2秒内打开,或者勉强在3秒内打开,所谓逆水行舟,不进则退,你的竞争对手进步了,就算你不退步,你也是退步了。除了以上方法外,还有一个杀手锏,就算采用MIP解决方案,针对响应式网站单独做一个MIP网站,MIP是为提高移动网站速度而生,还会受到优待,所以算是最完美的解决方案。
闪电算法和百度MIP可谓是一个提出问题,另一个解决问题,还规范了移动端网站的展现形式,让网站趋于正规,不会有一大堆的广告,让用户访客望而生畏,还手机互联网一个清新环境。