前端的性能优化

只要是web项目，每次产品，运营，测试团队都回反馈说 XXX性能不好等问题，大抵上都离不开一个字-----“慢”。
什么页面加载太慢，点击触发事件太慢，要不就是APP，小程序太大（加载/下载慢）等问题。
然后开发团队就要绞尽脑汁去优化代码啥的。后端代码优化差不多就是精简代码，减少时间复杂度，减少空间复杂度，利用算法啥的。
当然，在前端上也有很多性能点的优化。主要是以下几点。

1.精简代码，把重复的代码提取出来，例如js，css调用那一大段代码。
用插件把js，css中的空格去掉。
2.多利用缓存机制，前端可以用Last-Modified、Expires和Etag。后台的话可以用redis。
3.在html中不要放图片（后台传图片文件时用gzip压缩）
4.写css文件时，选择器的层级不要超过3层。超过3层，写个class或id 属性，让解释器查找会更快点。
5.写js文件时，查找属性时尽量用层级 进行查找，加载js用异步的方式（正常js加载时会阻塞），能用时间委托的用事件委托。高频触发的事件设置函数节流（利用定时器原理，同时也可以解决防连击问题）。