网站性能优化

性能优化可以从两个层面考虑：网络、渲染

一、网络

1、减少文件体积。利用webpack实现压缩、按需加载、去掉log、注释等。

2、开启gzip压缩，将文件打包成gzip格式。服务器端nginx开启gzip。gzip可以将文件压缩到30%左右。

3、图片，logo用png，其他图用jpg。图片体积尽量减小。淘宝上缩略图大小20k~50k，轮播图100k左右。小图片base64打到js文件里，或者用精灵图

4、部署，静态资源走cdn

5、dns预取

6、多个cdn

7、tcp连接优化，http/2

8、合并请求

二、渲染

1、服务端渲染，优化首屏加载。

2、减少dom操作。多次频繁的dom插入，可以先写在内存中，再插入文档。

3、避免回流和重绘，尽量避免改变dom尺寸。

4、页面懒加载，滚动到页面该位置才加载。

5、事件节流。比如scroll事件，用户可能不停的滑动页面，scroll性能消耗比较大，采用节  流，可以采取100毫秒内的事件只计算一次。