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


13

私は特定のウェブサイトを最適化することに重点を置いており、Google PageSpeed Insightsツール(モバイルとデスクトップの両方)で100点を獲得しています。ほとんどの項目は問題なく動作していますが、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;
}

ウェブサイトの構成:

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).

redbotのような他のツールで確認しましたか?特にgzipを設定するとき、またはexpires 24hrs「BEEEEP、YOU'R HOLDING IT WRONG」という理由でページスピードが信頼できないことがわかりました。同じことがYSLOWにも当てはまります。13
向こうから来た男

私はredbotをチェックしましたが、gzip(実際のhtmlやcssファイルなど)でほとんどのアセットを圧縮しています。ただし、PageSpeedから提供されるJavaScriptアセットのほとんどは圧縮されていません。私の設定は、application / x-javascriptおよびtext / javascript mime-typeを圧縮するように設定されており、javascriptアセットを持つ他のWebサイトで機能することを確認しました。何らかの理由で、PageSpeedが提供するアセットでは機能していないようです。
Scrivvles

回答:


16

さらに多くの髪を引っ張って、歯ぎしりをして、スピーカーをパンチング(およびグーグル)した後、NGINXサポートフォーラムでapplication / x-javascriptからjavascript(.js)mime-typeを変更するという欠陥リクエストに出会いました。 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;

application / x-javascript mime-typeはもうないため(mime-types.confでカスタムファイルを作成するか、NGINXの本当に古いバージョンを使用しない限り)、これは本質的に私のjavascriptファイルをgzip_typesによって無視させていました。 。

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

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

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


1
ちょうどノート-何らかの理由で私は両方を維持しなければならなかったapplication/x-javascriptapplication/javascript、私の要求時に、私は(私はちょうど切り替える必要がある場合、私は疑問に思う両方のMIMEタイプを得ていたからapplication/javascript
ニコラ・イワノフニコロフ


2

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

まず、あなたはあなたのことをチェックしなければならない/etc/nginx/nginx.confファイルは(少なくとも)が含まapplication/javascriptgzip_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

それでおしまい!

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.