開(kāi)啟gzip
配置
1
2
3
4
5
6
7
8
9
10
11
12
|
# 開(kāi)啟gzip gzip on; # 啟用gzip壓縮的最小文件,小于設(shè)置值的文件將不會(huì)壓縮 gzip_min_length 1k; # gzip 壓縮級(jí)別,1-10,數(shù)字越大壓縮的越好,也越占用CPU時(shí)間,后面會(huì)有詳細(xì)說(shuō)明 gzip_comp_level 2; # 進(jìn)行壓縮的文件類型。javascript有多種形式。其中的值可以在 mime.types 文件中找到。 gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png; # 是否在http header中添加Vary: Accept-Encoding,建議開(kāi)啟 gzip_vary on; # 禁用IE 6 gzip gzip_disable "MSIE [1-6]."; |
關(guān)于具體的參數(shù)說(shuō)明可以參考
從圖中可以看出 gzip_comp_level
大于2時(shí)效果并不是很明顯。所以可以將值設(shè)置為1或者2。
開(kāi)啟緩存
配置
1
2
3
4
5
6
7
8
9
10
11
|
location ~* ^.+.(ico|gif|jpg|jpeg|png)$ { access_log off; expires 30d; } location ~* ^.+.(css|js|txt|xml|swf|wav)$ { access_log off; expires 24h; } location ~* ^.+.(html|htm)$ { expires 1h; } |
其中的緩存時(shí)間可以自己根據(jù)需要修改。
關(guān)于字體
為靜態(tài)資源開(kāi)啟緩存能夠較少服務(wù)器帶寬的消耗,特別是在css中使用字體時(shí),同時(shí)配合gzip壓縮能夠大大減少下載字體造成的帶寬影響。
設(shè)置字體緩存
需要注意的是,字體有很多格式,為所有字體格式設(shè)置緩存是很有必要的。
1
2
3
4
|
location ~* ^.+.(eot|ttf|otf|woff|svg)$ { access_log off; expires max; } |
啟用gzip
只需要為 ttf、otf 和 svg 字體啟用 gzip,對(duì)其他字體格式進(jìn)行 gzip 壓縮時(shí)效果不明顯。
1
|
gzip_types font/ttf font/otf image/svg+xml |
各種字體類型壓縮效果可以參考以下測(cè)試結(jié)果:
可以看到對(duì) woff 和 eot 進(jìn)行 gzip 壓縮效果不好。
字體總結(jié)
擴(kuò)展名 |
是否壓縮 |
Content-type |
---|---|---|
.eot |
否 |
application/vnd.ms-fontobject |
.ttf |
是 |
font/ttf |
.otf |
是 |
font/opentype |
.woff |
否 |
font/x-woff |
.svg |
是 |
image/svg+xml |