VUE3（十九）服务端开启gzip加速网站打开速度

一：压缩的好处

压缩可以减小HTTP回复的大小，从而降低web服务器的响应时间。gzip是web服务器广泛使用的压缩工具，可以将HTTP回复的大小降低到原来的50％～30％。既提高了网页的加载速度，又可以节约服务器流量。

二：Nginx服务器启用Gzip压缩的方法

打开nginx.conf文件，将一下的代码粘贴到文件中：

#开启gzip功能
gzip on; 
#开启gzip静态压缩功能
gzip_static on; 
#gzip缓存大小
gzip_buffers 4 16k;
#gzip http版本
gzip_http_version 1.1;
#gzip 压缩级别 1-10 
gzip_comp_level 5;
#gzip 压缩类型
gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;# 是否在http header中添加Vary: Accept-Encoding，建议开启gzip_vary on;

然后，重新加载nginx。

systemctl restart nginx

三：gzip_static的作用

nginx在设置了gzip on 后就已经打开了gzip压缩功能，不过这时候nginx所使用的是动态压缩。在动态压缩的情况下nginx会自动的将文件压缩成.gz文件，这时候就算不配置vue也能达到一样的效果。

但是动态压缩无疑会占用服务器的资源来进行此操作。

相对的nginx提供了静态压缩模式，也就是gzip_static，在这个模式下nginx会去寻找对应文件的.gz文件，只有.gz文件不存在的时候才会去压缩对应文件。这样就不会过度占用服务器资源。

gzip_static功能依赖http_gzip_static_module 模块，一般不会默认安装此模块，可以使用上文提到的方法安装。

所以使用动态压缩还是静态压缩各位读者可以自行决定。

有好的建议，请在下方输入你的评论。

欢迎访问个人博客
https://guanchao.site

欢迎访问小程序：