很大的话题，我的习惯是，很简单的说一下。
压缩源码和图片
js混淆压缩（必须代码规范），css普通压缩
jpg质量压缩到50%或70%，PNG用开源压缩软件
选择合适的图片格式
颜色数多，用jpg.相反，用png。
通过服务器端判断支持webp,就用webp和svg.（webp很强大）
合并静态资源
包括css、js、litter picture ,减少http请求。
开启服务端Gzip压缩
博客，文本多的用起来。
使用CDN
谷歌jqurey...
延长静态资源缓存时间
框架的设置
把css放在页面头部，把javascript放在页面底部
不会阻塞页面渲染
