NGINX gzip not compressing JavaScript files

Nginx

Nginx Problem Overview


All JavaScript files are not compressed by nginx gzip.

CSS files are working.

In my nginx.conf I have the following lines:

gzip on;
gzip_disable "MSIE [1-6]\.(?!.*SV1)";
gzip_proxied any;
gzip_buffers 16 8k;
gzip_types    text/plain application/x-javascript text/xml text/css;
gzip_vary on;

Nginx Solutions


Solution 1 - Nginx

Change this line:

gzip_types    text/plain application/x-javascript text/xml text/css;

To be this:

gzip_types    text/plain application/javascript application/x-javascript text/javascript text/xml text/css;

Note the addition of application/javascript and text/javascript to your list of gzip types.

There are also more details—and a more expansive list of gzip types—in the answer posted here.

Solution 2 - Nginx

This is interesting, because the best-supported, old standard mime type for javascript in the browser is actually text/javascript. And if you configure that, in /etc/nginx/mime.types, it works.

> text/javascript (Obsolete): JavaScript; Defined in and made obsolete in RFC 4329 in order to discourage its usage in favor of application/javascript. However, text/javascript is allowed in HTML 4 and 5 and, unlike application/javascript, has cross-browser support. The "type" attribute of the tag in HTML5 is optional and there is no need to use it at all since all browsers have always assumed the correct default (even in HTML 4 where it was required by the specification).

From this thread: https://stackoverflow.com/questions/21098865/text-javascript-vs-application-javascript

So the gzip module of nginx is simply built against previous standards, and apparently doesn't properly process the application/javascript mime type.

Solution 3 - Nginx

Work for me (nginx):

gzip on;
gzip_disable "msie6";
gzip_comp_level 6;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_proxied any;
gzip_types
    text/plain
    text/css
    text/js
    text/xml
    text/javascript
    application/javascript
    application/x-javascript
    application/json
    application/xml
    application/rss+xml
    image/svg+xml/javascript;

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
Questionuser3633186View Question on Stackoverflow
Solution 1 - NginxGiacomo1968View Answer on Stackoverflow
Solution 2 - NginxMauro ColellaView Answer on Stackoverflow
Solution 3 - NginxiqmakerView Answer on Stackoverflow