vuepress博客优化-开启Gzip压缩
# Gzip压缩
Gzip 是一种用于文件压缩与解压缩的文件格式。它基于 Deflate 算法,可将文件压缩地更小,从而实现更快的网络传输。 Web服务器与现代浏览器普遍地支持 Gzip,这意味着服务器可以在发送文件之前自动使用 Gzip 压缩文件,而浏览器可以在接收文件时自行解压缩文件。
通俗理解,开启Gzip,能够压缩传输文件,从而达到更快打开网页的效果,既提高访问速度,又减少访问流量
# Nginx设置
Nginx 内置了ngx_http_gzip_module 模块,所以我们只需要修改nginx的配置。打开/etc/nginx/nginx.conf
,进行修改:
server {
...
# 这里是新增的 gzip 配置
gzip on;
gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
}
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
gzip
:是否开启 gzip 模块 on 表示开启 off 表示关闭,默认是 offgzip_min_length
:设置压缩的最小文件大小,小于该设置值的文件将不会压缩gzip_comp_level
:压缩级别,从 1 到 9,默认 1,数字越大压缩效果越好,但也会越占用 CPU 时间,这里选了一个常见的折中值gzip_types
:进行压缩的文件类型
修改完后重启nginx:service nginx restart
# 验证
方法一:直接查看网络请求,打开浏览器的调试工具,查看 Network
请求,如果请求响应头的 Content-Encoding
字段为 gzip,就表示成功开启了 Gzip
方法二:通过站长工具验证 (opens new window),打开网页GZIP压缩检测,输入网站,进行查询:
编辑 (opens new window)
上次更新: 2022/05/16, 09:48:09