美文网首页
nginx の gzip 使用

nginx の gzip 使用

作者: michael_jia | 来源:发表于2016-08-17 22:28 被阅读269次

    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

    Paste_Image.png
    • 对 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 字段
    参考

    相关文章

      网友评论

          本文标题:nginx の gzip 使用

          本文链接:https://www.haomeiwen.com/subject/fwtvsttx.html