网站性能测试以及优化推荐: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
官方的名字是“内容分发网络”,实际就是在不同的区域建立机房,不过这问题是我们前端搞不了的,老板舍得掏钱的话,这问题自然解决了
八、代码级别的优化
1、减少dom操作,用innerHTML适当取代
2、避免全局变量和全局查询
3、避免内联样式
4、便面空src的img标签
*除了上述前端优化的一些工作外,后台的优化工作也极为重要,由于自身知识有限,在这儿就不扯后台了,有兴趣的可以查看相应的后台优化知识。