天津做网站认准津坤科技,wordpress 慢集市,设计培训机构排行榜,做网站还能挣钱吗前言#xff1a;打包mineadmin-vue前端后#xff0c;访问速度很慢#xff0c;打开控制台#xff0c;发现有一个index-xxx.js文件达7M#xff0c;加载时间太长#xff1b;
优化#xff1a;
一#xff1a;使用文件压缩#xff08;gzip压缩#xff09;
1、安装compre…前言打包mineadmin-vue前端后访问速度很慢打开控制台发现有一个index-xxx.js文件达7M加载时间太长
优化
一使用文件压缩gzip压缩
1、安装compression-webpack-plugin插件
npm i compression-webpack-plugin --save
2、配置nginx开启gzip
# nginx.conf 文件配置
http { ...#开启和关闭gzip模式gzip on;#gizp压缩起点文件大于2k才进行压缩;设置允许压缩的页面最小字节数页面字节数从header头得content-length中进行获取。 默认值是0不管页面多大都压缩。建议设置成大于2k的字节数小于2k可能会越压越大。gzip_min_length 2k;# 设置压缩所需要的缓冲区大小以4k为单位如果文件为7k则申请2*4k的缓冲区gzip_buffers 4 16k;# 设置gzip压缩针对的HTTP协议版本gzip_http_version 1.0;# gzip 压缩级别1-9数字越大压缩的越好也越占用CPU时间gzip_comp_level 3;# 进行压缩的文件类型gzip_types text/plain application/javascript text/css application/xml;# 是否在http header中添加Vary: Accept-Encoding建议开启gzip_vary on;# 不对 IE6 及更低版本进行压缩gzip_disable msie6;
}# 前端 域名.conf 文件配置
service {listen 80;server_name www.xxx.com;...# 开启 gzip_staticgzip_static on;}
3、重启nginx重新打包
4、打开网页GZIP压缩检测 - 站长工具 测试前端域名 这一步大概能把7M文件压缩到2M左右速度快了一些但还是不够。
二、代码分割 待续
