对 css/js 开启 nginx 的 gzip 压缩

最近两天在做 Ghost 的主题 Adam。我的博客是跑在境外服务器上的,所以为了访问速度快点,启用 gzip 压缩是必不可少的。

1
vim /etc/nginx/nginx.conf

找到类似如下代码:

1
2
gzip on
gzip_types text/plain

改为如下即可:

1
2
3
4
5
6
7
8
gzip on;
gzip_buffers 4 16k;
#gzip_http_version 1.1;
gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/javascript;
gzip_comp_level 6;
gzip_vary on;
gzip_disable "MSIE";
gzip_proxied any;

测试的话,可以用 curl 测试,例如:

1
curl -I -H "Accept-Encoding: gzip, deflate" "http://blog.fancycoding.com/assets/js/script.js"

返回

1
2
3
4
5
6
7
8
9
10
11
HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Tue, 01 Jul 2014 17:25:14 GMT
Content-Type: application/javascript
Connection: keep-alive
Vary: Accept-Encoding
X-Powered-By: Express
ETag: "24792-1404232049000"
Cache-Control: public, max-age=3600
Last-Modified: Tue, 01 Jul 2014 16:27:29 GMT
Content-Encoding: gzip

可看到 Content-Encoding: gzip,证明是开启了的。

如果没有开启成功的话,可以检查下 /etc/nginx/mime.types 里面的类型是否对应 nginx.conf 中的 gzip_types。

附带一个不错的站长工具集合网站:

feedthebot

其中包括(但不限于):

gzip 检测

爬虫分析

作者

薯条

发布于

2014-07-14

更新于

2024-01-15

许可协议

评论