https://varvy.com/mobile/vary-user-agent.html
https://developers.google.com/speed/docs/insights/LeverageBrowserCaching#LeverageProxyCaching
https://www.fastly.com/blog/best-practices-for-using-the-vary-header
https://www.maxcdn.com/blog/accept-encoding-its-vary-important/
http://webmasters.stackexchange.com/questions/77296/if-i-only-serve-gzipped-version-of-my-content-should-i-add-the-vary-accept-enco
https://github.com/tornadoweb/tornado/issues/578
http://www.lostsaloon.com/technology/specify-a-vary-accept-encoding-header-for-better-caching/
http://stackoverflow.com/questions/21177387/caution-provisional-headers-are-shown-in-chrome-debugger
对页面资源进行适当的压缩,有助于缩短下载时间,提升响应速度,在 nginx 中由 gzip 来完成这个任务;
gzip 设置示例
- 有关 gzip 的设置,统一放在 nginx.conf 的 http 指令下即可;
gzip on;
gzip_proxied any;
gzip_disable "msie6";
gzip_vary on;
gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_http_version 1.1;
gzip_comp_level 5;
gzip_types text/css application/javascript application/json text/plain;
命令解释
- gzip_types
针对的是Content-Type:
Header,MIME types;
请使用application/javascript
,而非text/javascript,application/x-javascript
; - gzip_types 不必包含值
text/html
text/html 这个类型总是压缩的,设置了反而会出 [warn]; - Content-Encoding:gzip
在 Response Headers 中会出现这个字段; - Transfer-Encoding:chunked
在 Response Headers 中会出现这个字段;表示传输方式;
gzip_vary 的处理
回应头中包含:Vary: Accept-Encoding
;
Accept:application/json, text/javascript, /; q=0.01
Accept-Encoding:gzip, deflate, sdch
https://gtmetrix.com/reports/wbswww.xxtao.com/T1tFfMGQ
- 对 js|css 在回应头中指定
Vary: Accept-Encoding
在 location 指令中,可以单独加一个回应字段即可:add_header Vary Accept-Encoding;
API 如何处理 Content-Length:
回应头
- API 返回
Content-Type:application/json
; - PHP 回应的内容如何适用 gzip 规则?
PHP 请注意加一下Content-Length:
字段,以 遵循 gzip_min_length 设定值。
原因是 PHP 假如不加Content-Length
Header,Nginx 是无法获悉这个值的,故只能采用 chunked 传输编码方式(Transfer-Encoding:chunked
),在gzip on
条件下,Content-Encoding 也就自然设置为 gzip 了;
Content Size 小于 1k,为何也压缩?(Transfer-Encoding:chunked,故没有 Content-Length Header) - 图中 r=user/info 请求发送两次,一次为 header 模块的头像,一次为10秒登记模块,已优化;
- minimum size for gzip?
curl 调试
curl -I -H "Accept-Encoding: gzip" -v http://api.example.com/index.php?r=city/list
或者使用 --compressed 替代 -H "Accept-Encoding: gzip"
vary 字段
参考
- enable gzip compression with nginx @ stackoverflow
网友评论