前端性能优化方案

参考：https://colobu.com/2015/10/30/h5-performance/  或  https://segmentfault.com/a/1190000022205291

注意：页面的 性能 和 体验 是 由 前端开发人员 把握，去实现的。这个 不需要 产品 提需求，就应该 主动 去实现的。

　　    在时间足够时，前端人员要自己 加 上 这些 功能。

一、前端可以优化的点：

　　1、loading 【属于用户体验的优化】

　　2、骨架屏【属于用户体验的优化】

　　3、懒加载

　　4、预加载

　　5、减少http请求

　　6、GC垃圾回收机制，不能回收的地方要手动 解除引用。让GC可以 回收。

　　7、防抖和节流 

　　8、使用事件委托 【使用事件委托可以节省内存】

二、Javascript内存释放那点事：https://blog.csdn.net/taoerchun/article/details/51394525

　　1、变量设置为 null，并不是手动回收占用的内存，而是 解除引用。https://blog.csdn.net/weixin_30460489/article/details/98924170

　　　  解除引用不意味着自动回收该值所占用的内存，而是让值脱离执行环境，以便GC下次运行时将其回收。

　　2、一般情况下局部变量和对象使用完就会被系统自动回收，无需我们理会。但是碰到闭包的情况这些变量和对象是不会被回收的。

　　3、浏览器怎么查看对象没有被回收：

 

三、打包部署层面的优化处理 ：

　　1、去除 source map

　　2、压缩代码，且清楚所有的 console 和 注释

　　3、开启 gzip 压缩

　　4、生成雪碧图

　　5、缓存优化【强缓存和协商缓存，使用 max-age 来控制】

　　6、利用 CDN

　　7、分包，首页的加载的内容 CSS 和 JS 尽可能的小。【避免阻塞渲染】