web项目性能优化

web项目性能优化（关于浏览器端优化）

1、压缩源码和图片
（压缩源码）

1. JavaScript文件源代码可以采用混淆压缩的方式，
2. CSS文件源代码进行普通压缩，
   （压缩图片）
3. JPG图片可以根据具体质量来压缩为50%到70%，
4. PNG可以使用一些开源压缩软件来压缩，
   2、合并静态资源
   包括CSS、JavaScript和小图片，减少HTTP请求
   3、选择合适的图片格式
   如果图片颜色数较多就使用JPG格式，如果图片颜色数较少就使用PNG格式，如果能够通过服务器端判断浏览器支持WebP，那么就使用WebP格式和SVG格式。
   4、开启服务器端的Gzip压缩
   这对文本资源非常有效，对图片资源则没那么大的压缩比率。
   5、延长静态资源缓存时间
   这样，频繁访问网站的访客就能够更快地访问。
   6、把CSS放在页面头部，把JavaScript放在页面底部
   这样就不会阻塞页面渲染，让页面出现长时间的空白。
   7、使用CDN
   或者一些公开库使用第三方提供的静态资源地址。