前端性能优化的几种方式

前端性能优化的方式：

1.封装组件

把所有需要复用的功能或网页模板封装成组件，在需要的时候调用它。

2.图片

压缩图片的质量，或者使用打包工具来压缩图片的质量，当图片过小时（小于12k）可以把它转成base64（代码图片，转成base64的好处：减少http请求），或者使用 sprites（精灵图）把网页中需要用的到图片整合到一张图片中，减少http请求的次数。

3.压缩html，js减小大小，去除空白

4.懒加载(lazy load) 

网页不拖动时，未展示的栏目不去(加载)请求，良好的利用服务器资源。

5.设置http缓存

6.减少DOM操作

dom操作是脚本中最耗性能的一个操作，例如：元素的增删改或dom集合的进行的操作

7.将外部脚本置底

不影响html的加载

8.减少作用域链查找

9.不要使用全局变量(能不用的情况下最好不用)

10.少用闭包