前端的压缩

一 、 html压缩： 1， nodejs工具 html-minifier 压缩

                             2，服务端模版渲染压缩

二 、 css压缩： 1， html中的css使用 html-minifier 压缩

                           2，使用clean-css压缩

三 、 css压缩： 1， html中的js使用 html-minifier 压缩

                           2，使用uglifyjs2压缩

 

关于图片 

图片可以分为以下几种：

1. jpg  有损压缩，没有透明度

2.png  支持透明，浏览器兼容性；可以分为png8 （支持透明）png24 （不支持透明）png32 （支持透明）

3.webp  压缩程度更加好 不兼容ios，支持安卓

4.svg 矢量图 代码内嵌 简单的icon

5.gif 动画

关于图片的优化

1， 对图片进行压缩

2，使用雪碧图  ： 优点是可以减少请求 缺点 加载不出来就没有图标了，图片不能太大

3， 使用 base64 ：优点是 减少请求 缺点是图片不能太大

4，安卓下使用webp

5，icon使用矢量图