js JS文件过大导致网页打开过慢问题--nginx 开启 gzip压缩

· 如故 · 69阅读 · 2022-08-18

详细描述

js文件过大导致网页加载缓慢

版本信息

nginx1.8

复现过程

服务器在国外,在没用CDN加速的情况下本身加载就很慢,几个js文件都是大几百KB,导致整个网页加载巨慢

解决方案

1. 海外服务器开启cdn加速,国内服务器升级带宽(要钱)

2. js标签放在body后面执行,防止阻塞dom树加载(可能会影响业务逻辑)

3. 开启资源压缩

nginx代码如下:

gzip  on;  
#低于1kb的资源不压缩 
gzip_min_length 1k;
#压缩级别【1-9】,越大压缩率越高,同时消耗cpu资源也越多,建议设置在4左右。 
gzip_comp_level 3; 
#需要压缩哪些响应类型的资源,多个空格隔开。不建议压缩图片,下面会讲为什么。
gzip_types text/plain application/javascript application/x-javascript text/javascript text/xml text/css;  
#配置禁用gzip条件,支持正则。此处表示ie6及以下不启用gzip(因为ie低版本不支持)
gzip_disable "MSIE [1-6]\.";  
#是否添加“Vary: Accept-Encoding”响应头
gzip_vary on;

将以上文件放在nginx server配置中即可开启gzip压缩,这个效果还是很直观的,

文章有用

已有 1人 推荐该文章,推荐越多越容易获得的官方扶持

微信扫码分享