常见的网站性能优化

网站部署优化：

1、公共库存放CDN，尽量有自己的图片服务器

2、项目图片素材合成雪碧图(核心是减少HTTP请求)

3、JS、CSS合并、打包、压缩

4、JS脚本放底部、CSS脚本放头部

5、开启GZIP压缩

6、合理使用缓存(包括304、application cache)

代码层面：

JS：1、尽量减少操作DOM的次数(因为会触发浏览器重绘机制)，如果确实有必要可以尝试将多个DOM操作合并在一起执行

 2、减少对象查找。对于复杂对象，如果需要多次引用，尽量将它的指针引用赋值给一个变量，然后通过变量进行使用。

 3、减少使用eval，性能底下。并且容易遭到攻击.

 4、使用{}来创建对象或数组，一则拥有哪些属性很清晰，二则JS会直接用JSON来创建对象，而不需要通过构造函数来创建。

 5、字符串替换和查找，尽量用正则来实现。效率高。

 6、根据情况采用懒加载和预加载

 7、合理使用事件委托

     CSS:   1、动画部分尽量使用CSS3动画来完成，因为会启用GPU加速，减轻CPU负担。

                  2、减少图片大小，能用JPG就不用PNG，有条件的使用webp格式