关于前端WPO（网站性能优化）

网站性能测试以及优化推荐：http://gtmetrix.com/

乔布斯曾经做过一个试验，屏蔽100个网页的js访问页面比不屏蔽的时候访问速度快了大概1/3，这不是一个小数字，让这1/3尽可能变

小，会带来更多的访问量。可见js优化已刻不容缓。

WPO前端优化的几种方式

一、最终加载外链js文件

浏览器开发者们不断提升浏览器性能，恰恰给了js发展机会，所以现在页面上几乎没有一个页面没有js代码或外链js文件，我们总是习惯把调用外部js的代码写到head标签内，浏览器读取页面总是从上往下读，恰恰js文件是阻塞加载，所以一旦外部链接的js文件访问速度很慢，就会造成以下的内容“卡住”，恰恰这是用户最不能忍受的。如果我们把html和css这些内容先加载完，然后再读取js文件，那么页面就不会因为js文件而导致“卡”。

二、减少http请求次数

1、通过css sprite技术，将多个小图标整理成一张图片，通过背景定位来实现他们本身的功能，既减少了http请求，又在一定程度上减少了总文件大小

2、一定程度上减少外部调用css和js文件的数量

三、图片延迟加载

由于浏览器渲染图片的能力比较差，所以不能让浏览器同时渲染多张图片，不在可视区的图片隐藏或者从页面移除

四、适当利用缓存

对于网站的经常性用户，我们可以利用浏览器缓存这一点来加快网站的响应速度，也可以用html5中的mainfest文件的缓存功能来实现这一点

五、避免重定向

网页重定向会导致浏览器不会使用缓存

六、压缩文件

对于正式运营的网站，文件要进行压缩，以保证访问所需更少的流量，更快的速度

七、CDN

官方的名字是“内容分发网络”，实际就是在不同的区域建立机房，不过这问题是我们前端搞不了的，老板舍得掏钱的话，这问题自然解决了

*除了上述前端优化的一些工作外，后台的优化工作也极为重要，由于自身知识有限，在这儿就不扯后台了，有兴趣的可以查看相应的后台优化知识。