如何在 NGINX PageSpeed 模块资源上启用 gzip 压缩？

Question

我一直专注于优化某个网站，使其在 Google PageSpeed Insights 工具（针对移动设备和桌面设备）上的得分为 100。大多数项目都可以完美运行，但我继续收到该网站的“启用压缩”警告。

这很麻烦，因为在我的服务器上启用了 gzip，并且唯一未压缩的资源来自 NGINX PageSpeed 模块。我已经浏览了 Google 网站上的配置页面，但除了已经到位的通用 NGINX 配置之外，没有任何内容描述如何启用压缩。

我的问题是：如何启用 gzip 压缩以使其适用于 pagespeed 资源？

我的服务器设置：

Ubuntu 12.0.4.3 LTS NGINX - 使用 PageSpeed 模块 1.6.29.5 beta 自定义编译的 1.5.4

NGINX 服务器配置：

user  www-data;
#set worker processes to cpu processes
worker_processes  4;

error_log /var/log/nginx/error.log;
pid /run/nginx.pid;
events {
        worker_connections  1024;
}


http {
        client_max_body_size 200m;
        include /etc/nginx/mime.types;
        default_type application/octet-stream;
        access_log /var/log/nginx/access.log;
        sendfile on;
        keepalive_timeout 3;
        types_hash_max_size 2048;
        gzip  on;
        gzip_disable msie6;
        gzip_static on;
        gzip_types text/plain text/css application/x-javascript text/xml application/xml+rss text/javascript;
        gzip_vary on;
        fastcgi_read_timeout 2m;

        include global/caching.conf;
        include /etc/nginx/enabled-sites/*;
        upstream php {
                server 127.0.0.1:9000;
        }
        #fastcgi caching header
        add_header mcapp-fastcgi-cache $upstream_cache_status;
}

网站配置：

server {
        server_name www.examplesite.com;
        rewrite ^ $scheme://examplesite.com$request_uri permanent;
}

server {
        #pagespeed directives
        pagespeed On;
        pagespeed FileCachePath /var/cache/nginx-pagespeed;
        location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" {
                add_header "" "";
        }
        location ~ "^/ngx_pagespeed_static/" { }
        location ~ "^/ngx_pagespeed_beacon$" { }
        #pagespeed directives end

        server_name examplesite.com;
        root /path/to/examplesite;

        # wordpress config
        include global/restrictions.conf;
        include global/wordpress.conf;
}

编辑 只是为了进一步说明，似乎没有压缩的特定资产是 javascript 资产。举个例子：

Enable compression for the following resources to reduce their transfer size by 355.5KiB (69% reduction).
    Compressing http://examplesite.com/wp-includes/js/jquery/jquery.js,qver=1.10.2.pagespeed.jm.iCH2ukpEYb.js could save 58.8KiB (64% reduction).
    Compressing http://examplesite.com/wp-content/themes/Avada/framework/plugins/revslider/rs-plugin/js/jquery.themepunch.revolution.min.js?ver=3.6.1 could save 43.9KiB (80% reduction).

Answer 1

经过更多的拉头发，咬牙切齿，和扬声器打孔（和谷歌搜索），我在 NGINX 支持论坛中遇到了一个缺陷请求，从 application/x-javascript 更改 javascript (.js) mime-type到应用程序/javascript。见http://trac.nginx.org/nginx/ticket/306

正如您在我的问题中的 nginx.conf 中看到的那样，我有：

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

这基本上导致我的 javascript 文件被 gzip_types 忽略，因为不再有 application/x-javascript mime-type（除非你在 mime-types.conf 中自定义一个，或者你有一个非常旧的 NGINX 版本） .

我把那一行改成了这一行：

gzip_types text/plain text/css application/javascript text/xml application/xml+rss;

在 NGINX -s 重新加载后，我的 javascript 文件压缩得很好！因此，事实证明它与 PageSpeed 模块无关，而是我的配置存在问题，无法识别要压缩的正确 mime 类型。