前端优化总结

项目中学习到的一些优化前端的思路总结：针对首屏加载访问速度以及用户使用友好度两个方面

减少前端打包体积，webpack plugin:webpack-bundle-analyzer可以查看包体积

nginx压缩配置，Nginx开启Gzip压缩功能， 可以使网站的css、js 、xml、html 文件在传输时进行压缩，提高访问速度, 进而优化Nginx性能，图片本身就会有压缩

图片压缩上传

依赖包按需加载，例如应用的前端ui组件，moment库等

优化前端卡顿

页面添加加载动画效果

图片占位符，图片加载过程中显示默认图片

修改渲染逻辑，减少state变量触发渲染机制