web-dev-qa-db-ja.com

NGINX PageSpeed Moduleリソースでgzip圧縮を有効にするにはどうすればよいですか？

Google PageSpeed Insightsツール（モバイルとデスクトップの両方）で100になるように、特定のWebサイトを最適化することに重点的に取り組んでいます。ほとんどのアイテムは問題なく動作していますが、Webサイトに対して引き続き「圧縮を有効にする」という警告が表示されます。

私のサーバーでgzipが有効になっていて、非圧縮で提供されている唯一のリソースはNGINX PageSpeedモジュールからのものであるため、これは面倒です。私はGoogleのWebサイトの構成ページを確認しましたが、既に有効になっている一般的なNGINX構成以外に、圧縮を有効にする方法を説明するものはありません。

私の質問はこれです：pagespeedリソースで動作するようにgzip圧縮を有効にするにはどうすればよいですか？

サーバーのセットアップ：

Ubuntu 12.0.4.3 LTS NGINX-PageSpeedモジュール1.6.29.5ベータ版でカスタムコンパイルされた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;
}

Website Config：

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;
}

[〜＃〜] edit [〜＃〜]さらに詳しく説明すると、圧縮されていないように見える特定のアセットは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).
nginxubuntu-12.04page-speed
13
Scrivvles

抜毛、歯ぎしり、スピーカーパンチ（およびグーグル）をさらに行った後、NGINXサポートフォーラムで欠陥のリクエストに遭遇し、javascript（.js）MIMEタイプをapplication/x-javascriptから変更しましたapplication/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;

IS application/x-javascript mime-type no no no you you make a custom one in a custom one in mime-types.conf orあなたは本当に古いバージョンのNGINXを持っています）。

その行を次のように変更しました。

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

NGINX -sのリロード後、私のJavaScriptファイルはうまく圧縮されます！したがって、PageSpeedモジュールとは何の関係もないことがわかりました。代わりに、圧縮する正しいMIMEタイプを特定しない構成の問題でした。

16
Scrivvles

リリース1.9.32.1-beta以降、ngx_pagespeedは、nginxに明示的なgzip構成が存在しない場合（およびgzip圧縮モジュールがコンパイルされている場合）、gzip自体を有効にして構成します。

https://developers.google.com/speed/pagespeed/module/release_notes#release_1.9.32.1-beta を参照してください

3
Otto van der Schaaf

RFC 4329 に従って、Webサーバーはapplication/javascriptではなくapplication/x-javascriptを使用する必要があります。

まず、/etc/nginx/nginx.confファイルの横にapplication/javascriptの横に（少なくとも）gzip_typesが含まれていることを確認する必要があります。

例えば。

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

次に、MIMEタイプファイル/etc/nginx/mime.typesを開き、次のようになっていることを確認します。

application/x-javascript                  js;

に

application/javascript                  js;

最後に、設定をリロードします。

service nginx reload

それでおしまい！

2
Maxime