web性能优化

web性能优化方法：

1、css、js代码压缩

可以用gulp的gulp-uglify、gulp-minify-css模块完成：还可以用webpack的UglifyJsPlugin压缩插件完成。

2、图片整合

通过css sprites将多个图片整合到一个图片中，在用css来定位。

3、使用浏览器缓存

浏览器缓存是允许访客的浏览器缓存你网站页面副本的一个功能，访客再次访问时，直接从缓存中读取内容而不需要重新加载，优化网站的缓存系统会降低网站的带宽和托管费用。

4、使用cdn存储静态资源

服务器在处理大流量的数据是十分困难的，这最终导致页面加载速度变慢。CDN是位于全球不同地方的高性能网络服务，它会复制你网站的静态资源，并以最有效的方式来为访客服务，使用CDN，可以提升页面的加载速度。

5、减少cdn查询次数

减少不同域名的数量，就会减少DNS的查询，从而加速页面加载速度。

6、减少重定向请求

重定向增加了额外的HTTP请求，甚至有时候链向多个域名或是不存在的页面，大大的增减了延迟时间，因此要减少重定向。

7、优化图片资源的格式与大小，还可对图片进行懒加载

优化方法包括适当减小图片尺寸，降低图片的颜色深度。进行懒加载即用户需要看到图片是才对图片进行加载，原理是度滚动条的监听