压缩源码和图片 JavaScript文件源代码可以采用混淆压缩的方式，CSS文件源代码进行普通压缩，JPG图片可以根据具体质量来压缩为50%到70%，PNG可以使用一些开源软件来压缩，比如24色变8色
压缩源码和图片
JavaScript文件源代码可以采用混淆压缩的方式，CSS文件源代码进行普通压缩，JPG图片可以根据具体质量来压缩为50%到70%，PNG可以使用一些开源软件来压缩，比如24色变8色、去掉一些PNG格式信息等。
选择合适的图片格式
如果图片颜色较多就使用JPG格式，如果图片颜色较少就使用PNG格式，如果能够通过服务器端判断浏览器支持WebP，那么就使用WebP格式和SVG格式。
合并静态资源
包括CSS、JavaScript和小图片，减少HTTP请求。
开启服务器端的Dzip压缩
这对文本资源非常有效，对图片资源则没有那么大的压缩比率。
使用CDN
或者使用第三方提供的静态资源地址（比如JQuery、normalize.css）。一方面增加并发下载量，另一方面能够和其他网站共享缓存。
延长资源缓存的时间
频繁访问网站的用户就能够更快的访问。不过，这里要通过修改文件名的方式，确保在资源更新的时候，用户会拉取到最新的内容。
把CSS放在页面头部，把JavaScript放在页面底部
这样不会阻塞页面渲染，让页面出现长时间的空白。
-----摘自《Web全栈工程师的自我修养》
