CentOS7のNgx_PagespeedでNginxのパフォーマンスを高速化


Nginx [engine x]は、Cで記述された無料のオープンソースのクロスプラットフォームの強力なWebサーバーおよびリバースプロキシソフトウェアです。また、標準のIMAP/POP3およびTCP/UDPプロキシサーバーであり、負荷として使用できます。バランサー。

Nginxは、Web上の多数のサイトに電力を供給するよく知られたHTTPサーバー(Apache HTTPサーバーに匹敵)です。高性能と安定性で人気があります。

サイトの速度やページの速度(ページの読み込み時間とも呼ばれます)など、サイトのユーザーエクスペリエンスを向上させる場合に考慮すべきさまざまな重要な要素があります。サイトがNginxを利用している場合は、この目的でngx_pagespeedを使用できます。

Ngx_pagespeedは、サイトの速度を向上させ、ページの読み込み時間を短縮するために使用される、無料のオープンソースのNginxモジュールです。これにより、ユーザーがサイトのコンテンツを表示して操作するのにかかる時間が大幅に短縮されます。

  • Support for HTTPS and URL control.
  • Image optimization: stripping meta-data, dynamic resizing, recompression.
  • CSS & JavaScript minification, concatenation, inlining, and outlining.
  • Small resource inlining.
  • Deferring image and JavaScript loading.
  • HTML rewriting.
  • Cache lifetime extension.
  • Allows configuring for multiple servers and many others.

このチュートリアルでは、ngx_pagespeedを使用してNginxをインストールし、RHEL/CentOS7でインストール全体をテストする方法を示します。

重要:DebianおよびUbuntuユーザーは、このガイドに従ってNgx_PagespeedをインストールしてNginxのパフォーマンスを向上させることができます。

ステップ1:ソースからNginxをインストールする

1. ngx_pagespeedを使用してNginxをインストールするには、ソースからコンパイルする必要があります。まず、このようなソースからNginxをコンパイルするために必要なすべてのパッケージをインストールします。

# yum install wget gcc cmake unzip gcc-c++ pcre-devel zlib-devel
OR
# yum group install "Development Tools"

2.次に、wgetコマンドを使用して最新バージョンのNginx(この記事の執筆時点では1.13.2)のソースファイルを取得し、ダウンロードしたtarボールを以下のように抽出します。

# mkdir ~/downloads
# cd ~/downloads
# wget -c https://nginx.org/download/nginx-1.13.2.tar.gz
# tar -xzvf nginx-1.13.2.tar.gz

3.次に、ngx_pagespeedソースファイルをダウンロードし、圧縮ファイルを解凍します。

# wget -c https://github.com/pagespeed/ngx_pagespeed/archive/v1.12.34.2-stable.zip
# unzip v1.12.34.2-stable.zip

4.次に、解凍したngx_pagespeedディレクトリに移動し、PageSpeed最適化ライブラリを取得して次のようにNginxをコンパイルします。

# cd ngx_pagespeed-1.12.34.2-stable/
# wget -c https://dl.google.com/dl/page-speed/psol/1.12.34.2-x64.tar.gz
# tar -xvzf 1.12.34.2-x64.tar.gz

ステップ2:Ngx_Pagespeedを使用してNginxを構成およびコンパイルする

5.ここで、nginx-1.13.2ディレクトリに移動し、以下のコマンドを実行してNginxソースを構成します。

# cd ~/downloads/nginx-1.13.2
# ./configure --add-module=$HOME/downloads/ngx_pagespeed-1.12.34.2-stable/ --user=nobody --group=nobody --error-log-path=/var/log/nginx/error.log --http-log-path=/var/log/nginx/access.log --pid-path=/var/run/nginx.pid ${PS_NGX_EXTRA_FLAGS}

6.次に、次のようにNginxをコンパイルしてインストールします。

# make
# make install

7.インストールプロセスが完了したら、Nginxに必要なすべてのシンボリックリンクを作成します。

# ln -s /usr/local/nginx/conf/ /etc/nginx/
# ln -s /usr/local/nginx/sbin/nginx /usr/sbin/nginx

ステップ3:SystemDのNginxユニットファイルを作成する

8.次に、systemdはCentOS 7のinitシステムであるため、そのNginxユニットファイルを手動で作成する必要があります。

最初に、ファイル/lib/systemd/system/nginx.serviceを作成してから、NGINX systemdサービスファイルを取得して、ユニットファイルの構成を以下のファイルに貼り付けます。

# vi /lib/systemd/system/nginx.service

Nginxの構成およびコンパイル中に設定したPIDFileとNGINXバイナリの場所に注意してください。以下に示すように、ユニットファイルの適切な変数に設定します。

[Unit]
Description=The NGINX HTTP and reverse proxy server
After=syslog.target network.target remote-fs.target nss-lookup.target

[Service]
Type=forking
PIDFile=/var/run/nginx.pid
ExecStartPre=/usr/sbin/nginx -t
ExecStart=/usr/sbin/nginx
ExecReload=/bin/kill -s HUP $MAINPID
ExecStop=/bin/kill -s QUIT $MAINPID
PrivateTmp=true

[Install]
WantedBy=multi-user.target

ファイルを保存して閉じます。

9.この時点で、しばらくの間nginxサービスを開始し、以下のコマンドを実行して、システムの起動時にサービスを開始できるようにします。

# systemctl start nginx
# systemctl enable nginx
# systemctl status nginx

ステップ4:PagespeedモジュールでNginxを構成する

10. Nginxをインストールしたら、次に、Ngx_pagespeedモジュールを有効にする必要があります。モジュールがWebサイトのファイルをキャッシュするディレクトリを作成することから始め、以下のコマンドを使用してこのディレクトリに適切なアクセス許可を設定します。

# mkdir -p /var/ngx_pagespeed_cache
# chown -R nobody:nobody /var/ngx_pagespeed_cache

11.次に、Ngx_pagespeedモジュールを有効にし、Nginx構成ファイルを開いて、以下の行を追加します。

重要:サーバーでnginx仮想ホストを構成している場合は、上記のpagespeedディレクティブを各サーバーブロックに追加して、各サイトでNgx_pagespeedを有効にします。

# vi /etc/nginx/nginx.conf

サーバーブロック内に次のNgx_pagespeed構成行を追加します。

# Pagespeed main settings

pagespeed on;
pagespeed FileCachePath /var/ngx_pagespeed_cache;


# Ensure requests for pagespeed optimized resources go to the pagespeed
# handler and no extraneous headers get set.

location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }
location ~ "^/ngx_pagespeed_static/" { }
location ~ "^/ngx_pagespeed_beacon" { }

以下は、デフォルトの仮想ホストでNgx_pagespeedが有効になっているNginx構成ファイルの実際の例です。

#user  nobody;
worker_processes  1;
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
#pid        logs/nginx.pid;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;
    sendfile        on;
    #tcp_nopush     on;
    #keepalive_timeout  0;
    keepalive_timeout  65;
    #gzip  on;
    server {
        listen       80;
        server_name  localhost; 
        #charset koi8-r;
        #access_log  logs/host.access.log  main;

        # Pagespeed main settings
        pagespeed on;
        pagespeed FileCachePath /var/ngx_pagespeed_cache;

        # Ensure requests for pagespeed optimized resources go to the pagespeed
        # handler and no extraneous headers get set.

        location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }
        location ~ "^/ngx_pagespeed_static/" { }
        location ~ "^/ngx_pagespeed_beacon" { }

        location / {
            root   html;
            index  index.html index.htm;
        }
        #error_page  404              /404.html;
        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}
        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }

    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

12.その後、以下のコマンドを実行して、Nginx構成ファイルにエラーがないことを確認します。すべて問題がなければ、以下の出力が表示されます。

# nginx -t

13.最後に、変更を有効にするためにNginxサーバーを再起動します。

# systemctl restart nginx

ステップ5:Ngx_pagespeedでNginxをテストする

14. Ngx_pagespeedが現在Nginxと連携して機能しているかどうかを知るには、X-Page-Speedヘッダーに表示する必要があります。

# curl -I -p http://localhost

上記のヘッダーが表示されない場合は、手順11に戻り、指示に従ってNgx-pagespeedを有効にしてから次の手順を実行してください。

Ngx-pagespeed Githubリポジトリ:https://github.com/pagespeed/ngx_pagespeed

以上です!このチュートリアルでは、Ngx_pagespeedモジュールを使用してNginxをインストールおよび構成して、サイトのパフォーマンスを最適化および改善し、ページの読み込み時間を短縮する方法を示しました。

Nginx Webサーバーを保護するには、この記事をお読みください– Nginx Webサーバーのパフォーマンスを保護、強化、および改善するための究極のガイド。

いつものように、このチュートリアルに関する質問や考えを遠慮なくお知らせください。