0
点赞
收藏
分享

微信扫一扫

vue项目加载慢,Nginx页面优化


优化的思路:

F12调起调试模式,查看js和css加载所需时间(注意由于资源过大导致的加载过慢),

下图是经过压缩后的,压缩前chunk-vendors.js我的接近10M,加载几十毫秒。

 

vue项目加载慢,Nginx页面优化_Nginx

 如果部署在​​Nginx​​上的web项目,可以配置Nginx,对js和css进行压缩可在 Nginx 配置文件 server { } 加入如下配置:

gzip on;
gzip_buffers 32 4K;
gzip_comp_level 6;
gzip_min_length 100;
gzip_types application/javascript text/css text/xml;
gzip_disable "MSIE [1-6]\.";
#配置禁用gzip条件,支持正则。此处表示ie6及以下不启用gzip(因为ie低版本不支持)
gzip_vary on;

最终效果如下:

vue项目加载慢,Nginx页面优化_Nginx_02

举报

相关推荐

0 条评论