有时候vue打包之后,包比较大,然后服务端第一次加载就比较慢,这样用户体验就比较差,nginx配置的时候可以对请求的文件进行压缩,可以加快使得网络请求之时比较快。

这是压缩之前的数据加载:

这是压缩之后的效果:

很明显,这里的压缩之后的文件更小,访问速度自然也就更快.

配置如下:

http {

    gzip  on;
    gzip_min_length     1k;
    gzip_buffers        4 8k;
    gzip_http_version   1.0;
    gzip_comp_level     8;
    gzip_proxied        any;
    gzip_types          application/javascript text/css image/gif;
    gzip_vary           on;
    gzip_disable        "MSIE [1-6]\.";

    #以下的配置省略...
}

也就是在nginx的http配置中加入以上配置即可,gzip_comp_level是压缩的等级  为1-9之间,越大服务端的小号的cpu也就越大,所以并不是越大越好。

nginx开启静态资源压缩功能就是这样,可以解决首页首次加载很慢的情况。学习之余,记录一下点滴。

Logo

前往低代码交流专区

更多推荐