优化总体路线

优化思路

有些是实践过的，有些是没有实践过的，但是思路就在上图还有下面的：

1. 减少css，js标签，用webpack打包工具打包。css放前面，js放后面，防止单线程阻塞。
2. 图片加载，base64，雪碧图。
3. gzip压缩：gzip压缩是http协议上的gzip压缩编码技术。首先，我们应该要清楚的是压缩可以达到怎样的目的。比如说纯文本内容进行压缩之后，大小可以缩小大概40%左右。大小减小了最直接的就是传输的速度将会加快，以及流量将会减少。尤其是对于大流量类网站来说，压缩文件内容大小，减少流量是很有必要的(毕竟省钱嘛！)，另一方面，压缩过的内容将减少存储空间。
4. css:预处理，scss。不滥用字体。
5. 尽量使用事件代理，利用事件冒泡，避免批量绑定事件。