在服務(wù)器完成了一些配置以后,還需要做的一件事:啟用gzip來壓縮返回的數(shù)據(jù),從而來加快網(wǎng)站的加載速度。
以下為在Nginx上啟用gzip的相關(guān)配置(將其添加到配置文件即可):
# 開啟gzip
gzip on;
# 啟用gzip壓縮的最小文件,小于設(shè)置值的文件將不會壓縮
gzip_min_length 1k;
# gzip 壓縮級別,1-10,數(shù)字越大壓縮的越好,也越占用CPU時間。
gzip_comp_level 2;
# 進(jìn)行壓縮的文件類型。
gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript image/svg+xml font/ttf font/otf;
# 是否在http header中添加Vary: Accept-Encoding,建議開啟
gzip_vary on;
# 禁用IE 6 gzip
gzip_disable "MSIE [1-6]\.";
更加詳細(xì)的配置參考:http://nginx.org/en/docs/http/ngx_http_gzip_static_module.html
其中比較讓人疑惑不知道怎么設(shè)置的是壓縮等級。有人對壓縮等級做了測試,具體數(shù)據(jù)如下:
text/html – phpinfo():
0 55.38 KiB (100.00% of original size)
1 11.22 KiB ( 20.26% of original size)
2 10.89 KiB ( 19.66% of original size)
3 10.60 KiB ( 19.14% of original size)
4 10.17 KiB ( 18.36% of original size)
5 9.79 KiB ( 17.68% of original size)
6 9.62 KiB ( 17.37% of original size)
7 9.50 KiB ( 17.15% of original size)
8 9.45 KiB ( 17.06% of original size)
9 9.44 KiB ( 17.05% of original size)
application/x-javascript – jQuery 1.8.3 (Uncompressed):
0 261.46 KiB (100.00% of original size)
1 95.01 KiB ( 36.34% of original size)
2 90.60 KiB ( 34.65% of original size)
3 87.16 KiB ( 33.36% of original size)
4 81.89 KiB ( 31.32% of original size)
5 79.33 KiB ( 30.34% of original size)
6 78.04 KiB ( 29.85% of original size)
7 77.85 KiB ( 29.78% of original size)
8 77.74 KiB ( 29.73% of original size)
9 77.75 KiB ( 29.74% of original size)
可以看到壓縮等級在1以后的效果就慢慢衰退了,建議采用壓縮等級2即可。
相關(guān)測試工具:
https://developers.google.com/speed/pagespeed/insights/
https://varvy.com/tools/gzip/
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。