title: Nginx gzip not working in Chrome
body: <p>As the title said, Nginx Gzip is not working, I have tried many configurations scattered on the internet none have worked, I'm really frustrated when simple things don't work.</p>
  
  <p><code>gzip.conf:</code></p>
  
  <pre><code>gzip on;
  gzip_disable "msie6";
  gzip_vary on;
  gzip_proxied any;
  gzip_comp_level 6;
  gzip_buffers 16 8k;
  gzip_http_version 1.1;
  gzip_min_length 256;
  gzip_types
      text/plain
      text/css
      application/json
      application/javascript
      application/x-javascript
      text/xml
      application/xml
      application/xml+rss
      text/javascript
      application/vnd.ms-fontobject
      application/x-font-ttf
      font/opentype
      image/svg+xml
      image/x-icon;
  </code></pre>
  
  <p><code>Chrome:</code></p>
  
  <p><a href="https://i.stack.imgur.com/bLlbY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bLlbY.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/CD4ED.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CD4ED.png" alt="enter image description here"></a></p>
  
  <p><code>Chrome Audit:</code>
  <a href="https://i.stack.imgur.com/qy1Kp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qy1Kp.png" alt="enter image description here"></a></p>
  
  <p><code>Curl:</code>
  <a href="https://i.stack.imgur.com/94UZV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/94UZV.png" alt="enter image description here"></a></p>
  
  <p>I have cleared the cache and everything still the same.</p>
  
  <p>=======================</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>I have tested for gzip compression at</p>
  
  <p><a href="http://checkgzipcompression.com/" rel="nofollow noreferrer">http://checkgzipcompression.com/</a></p>
  
  <p>and gave me:</p>
  
  <p><a href="https://i.stack.imgur.com/HbDU5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HbDU5.png" alt="enter image description here"></a></p>
  
  <p>but in <code>Chrome</code> it shows:</p>
  
  <p><a href="https://i.stack.imgur.com/HtITV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HtITV.png" alt="enter image description here"></a></p>