响应式网页如何应对移动端闪电算法

大家都知道，闪电算法只针对移动端，要求网站首页像闪电一样快，到底需要多快呢？百度把它定义为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可谓是一个提出问题，另一个解决问题，还规范了移动端网站的展现形式，让网站趋于正规，不会有一大堆的广告，让用户访客望而生畏，还手机互联网一个清新环境。