react vue等首次加载过慢优化方案 # 需求 项目使用react前端技术,随着模块越来越多,打包后的js文件越来越大 首次进入加载的时间过慢导致用户等待时间过长,怨声载道。 前端针对项目也做了几次按需加载与拆分,但整体的js包体还是维持在1M左右。 现在使用nginx的gzip来提高页面访问速度,整体提速还是较为明显的。 # 解决方案 在ngnix中加入配置,开启GZIP(nginx自带,无需安装拓展) ~~~ #极致压缩前端js,css文件 gzip on; gzip_buffers 32 4k; gzip_comp_level 6; gzip_min_length 200; gzip_types text/css text/xml application/javascript; gzip_vary on; ~~~ 重启NGINX 效果还是比较好的。 