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

465 阅读1分钟

优化的思路:

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

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

 

 如果部署在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;

最终效果如下: